Viết bởi Sai Sarath Chandra, tác giả của Alibaba Cloud Tech Share. Tech Share là chương trình khuyến khích của Alibaba Cloud nhằm mục đích khuyến khích san sẻ kiến thức kỹ thuật và thực tiễn tốt nhất trong hội đồng đám mây .Trước khi nói về Electron, tất cả chúng ta cần lùi lại một bước và xem những ứng dụng máy tính để bàn được tạo ra như thế nào. Chúng tôi cũng sẽ nghiên cứu và phân tích những yếu tố với cách tăng trưởng ứng dụng máy tính để bàn hiện tại. Sau đó, chúng tôi sẽ khám phá cách tạo một phụ trợ ứng dụng hóa đơn vừa đủ công dụng bằng cách sử dụng Electron .
Phát triển ứng dụng trên máy tính để bàn
các cửa sổ
Hãy nói về cách những ứng dụng dựa trên Windows được tạo. Hầu hết mọi người sử dụng C + +, C # ( C Sharp ), VB ( Visual Basic ) để tăng trưởng. Điều này hoàn toàn có thể gồm có việc sử dụng / tái sử dụng 1 số ít thư viện. NET nguồn mở để tạo những ứng dụng trên toàn bộ những hệ sinh thái windows như Windows store, windows phone, windows desktop application .
Hệ điều hành Mac
Trên Mac, chúng tôi có sự trừu tượng hóa rõ ràng các công nghệ mà chúng tôi sử dụng để tạo ứng dụng. Chúng tôi có lớp “Ca cao”, bao gồm tất cả các công nghệ chúng tôi yêu cầu để tạo giao diện người dùng ứng dụng. Lớp “Phương tiện” có tất cả các công cụ và công nghệ cần thiết cho các hoạt động Phương tiện bao gồm hoạt hình 2D và 3D, chỉnh sửa Ảnh và Video.
Ngoài ra còn có một khu vực ” Dịch Vụ Thương Mại cốt lõi ” nơi chúng tôi hoàn toàn có thể thực thi toàn bộ những hoạt động giải trí mạng cấp thấp, và thao tác chuỗi và tài liệu. ” Hệ điều hành quản lý lõi ” hiển thị toàn bộ API / phân phối tính năng cho toàn bộ CPU và GPU để triển khai những tác vụ hiệu suất cao. ” Trình tinh chỉnh và điều khiển hạt nhân và thiết bị ” phân phối tương hỗ cho những mạng lưới hệ thống tệp, mạng, bảo mật thông tin, tiếp xúc giữa những quy trình, ngôn từ lập trình, trình điều khiển và tinh chỉnh thiết bị và tiện ích lan rộng ra cho kernel. Cấp độ này cũng hiển thị thiên nhiên và môi trường nhân Mach, trình tinh chỉnh và điều khiển thiết bị, tính năng thư viện BSD ( libSystem ) và những thành phần cấp thấp khácNhư bạn hoàn toàn có thể thấy, có rất nhiều thứ bạn cần tìm hiểu và khám phá về những công nghệ tiên tiến và khung để tăng trưởng ứng dụng trên MacOS. Lưu ý rằng không có sự tương đương với ngăn xếp công nghệ Windows mà tất cả chúng ta đang sử dụng .
Linux / Ubuntu
Linux là một trong những hệ điều hành quản lý thông dụng nhất dành cho nhà tăng trưởng, thế cho nên chúng tôi muốn những mẫu sản phẩm của mình tiếp cận người dùng Linux. Tôi sẽ nói về cả Ubuntu và Linux cùng nhau. Linux thường sử dụng Python hoặc những thư viện khác cho giao diện người dùng của những ứng dụng. Đối với Linux, nếu bạn cần những dịch vụ như kết xuất 3D và 2D, bạn sẽ cần OpenGL. Linux Kernel tọa lạc những công dụng cấp thấp .
Nó là gì với công nghệ web?
Phát triển web là một trong những chủ đề nóng nhất hiện có và không có gì kinh ngạc khi dân số những nhà tăng trưởng web khá cao. Ngoài ra còn có rất nhiều nhà tăng trưởng web có sẵn hoàn toàn có thể phong cách thiết kế và tạo ứng dụng với UI / UX tuyệt vời. Điều này là do những công nghệ tiên tiến này là tiêu chuẩn và đang được sử dụng bởi những công ty số 1 trên quốc tế cho những dự án Bất Động Sản sản xuất của họ. Có vô số khuôn khổ trợ giúp những đội khác, được tương hỗ bởi những người khổng lồ công nghệ tiên tiến trong ngành .Trong quốc tế tăng trưởng nhanh gọn của web, những doanh nghiệp cần phải đối phó với những biến hóa nhanh gọn và liên tục trong ngành công nghệ tiên tiến. Điều này có nghĩa là mẫu sản phẩm của bạn cần được tạo mẫu nhanh hơn và có sẵn cho tổng thể những nền tảng, cũng như với một cơ sở mã duy nhất, tương hỗ nhiều tính năng hơn và UI / UX tuyệt vời. Nếu tất cả chúng ta chỉ nhờ vào vào những chiêu thức thường thì, tất cả chúng ta cần rất nhiều vốn và thời hạn để đạt được điều này. Thay vào đó, nếu tất cả chúng ta sử dụng những công nghệ tiên tiến web, tất cả chúng ta hoàn toàn có thể sử dụng lại rất nhiều khung công tác làm việc nguồn mở và xử lý những yếu tố một cách hiệu suất cao .
Electron: Nó là gì và tại sao lại sử dụng nó
Electron giúp chúng tôi tăng trưởng những ứng dụng đa nền tảng bằng cách sử dụng những công nghệ tiên tiến web hiện có. Trong hầu hết những trường hợp, bạn không cần những kỹ năng và kiến thức đơn cử để tăng trưởng ứng dụng với Electron. Nếu bạn là nhà tăng trưởng web và chăm sóc đến việc tăng trưởng ứng dụng với Electron, thì hãy bảo vệ bạn xem những hướng dẫn sẽ theo dõi bài viết này trong loạt bài này .Nếu bạn muốn ứng dụng của mình khả dụng cho tổng thể những nền tảng mà tất cả chúng ta đã nói, bạn cần tiến hành ứng dụng của mình bằng những công nghệ tiên tiến khác nhau. Điều này rất bằng tay thủ công và tốn thời hạn. Bây giờ, nếu tất cả chúng ta nói về Electron, rõ ràng đây là một khung dựa trên JavaScript. Vì tổng thể những nền tảng đều tương hỗ công nghệ tiên tiến web, Electron giúp tăng trưởng những ứng dụng đa nền tảng thuận tiện hơn. Các ứng dụng phổ cập sử dụng Electron gồm có Visual Studio Code, Slack và Atom Editor .
Tính năng điện tử
Bảo vệ
Bạn không cần phải tâm lý nhiều khi chuyển dời ứng dụng hiện tại của mình sang Electron vì ứng dụng chúng tôi đang tạo là một ứng dụng máy tính để bàn và tài liệu nằm trong mạng lưới hệ thống. Vì điều này, bạn hoàn toàn có thể bảo vệ bảo đảm an toàn tài liệu. Trong trường hợp bạn cần tàng trữ tài liệu trên đám mây, hãy kiểm tra xem mạng đám mây của bạn có đủ tính năng bảo mật thông tin trước đó để tránh mọi giật mình không mong ước hay không .
Khả năng tiếp cận cấp thấp
Trước khi mở màn, bạn cũng phải kiểm tra xem tổng thể những công dụng bạn đang phân phối cho ứng dụng máy tính để bàn của bạn cũng có sẵn trong Electron hay không. Theo kinh nghiệm tay nghề của tôi, Electron phân phối đủ quyền trấn áp để có những tính năng tương tác lan rộng ra trong ứng dụng của bạn, ví dụ điển hình như Phím tắt. Nó cũng phân phối năng lực truy vấn cấp thấp cho những thành phần mạng lưới hệ thống phần cứng và hoạt động giải trí .
Khả năng truy cập phần cứng
Các nhà tăng trưởng hoàn toàn có thể có quyền truy vấn rất đầy đủ vào tổng thể những API truy vấn cấp phần cứng được hiển thị qua JavaScript / Plugin. Không cần phải thỏa hiệp cho tính năng này nếu bạn muốn chuyển sang Electron .
Hiệu suất
Electron tăng trưởng mạnh ở góc nhìn này. Nếu được chăm nom đúng cách trong khi tăng trưởng ( chỉ tải những gì bạn cần ), Electron hoàn toàn có thể hiển thị 1 số ít quyền lợi lớn về mặt hiệu suất khi so sánh với những ứng dụng gốc. Electron tiết kiệm ngân sách và chi phí rất nhiều thời hạn và cung ứng nhiều tùy chọn hơn để chơi hoặc tăng trưởng bằng cách có một cơ sở mã duy nhất cho toàn bộ những nền tảng chính. Đây là những yếu tố chính khi tất cả chúng ta đối phó với sự tăng trưởng tự nhiên của những ứng dụng, toàn bộ đều được Electron xử lý một cách hiệu suất cao .Tuy nhiên, rất nhiều người nói rằng Electron rất đói bộ nhớ. Tôi đồng ý chấp thuận với công bố này, nhưng chỉ khi bạn tăng trưởng những ứng dụng mà không được chăm nom đúng cách .
Quản lý mã và ứng dụng
Là Chủ sở hữu sản phẩm, bạn không cần duy trì những nhóm khác nhau cho mỗi nền tảng và bạn sẽ được giải tỏa khỏi những rắc rối khi lý giải lại những nhu yếu của mình với những nhóm khác nhau. Nó cũng sẽ giảm việc làm truy thuế kiểm toán để bảo vệ loại sản phẩm có công dụng tương tự như trên những nền tảng .Là một nhà tăng trưởng, bạn không cần phải lo ngại về những cơ sở mã khác nhau. Nếu bạn gặp lỗi trên bất kể nền tảng nào, bạn hoàn toàn có thể sửa nó tại cơ sở mã. Các lỗi sẽ không khi nào hiển thị trên những nền tảng khác. Tuy nhiên, bạn vẫn nên theo dõi những tính năng ở Lever hệ quản lý .
Tái sử dụng
Bởi vì chúng tôi đang sử dụng một cơ sở mã duy nhất, điều đó có nghĩa là chúng tôi hoàn toàn có thể sử dụng điều này cho cả ứng dụng web và ứng dụng máy tính để bàn. Theo một cách nào đó, chúng tôi cũng đang sử dụng lại mã cơ sở trên những nền tảng khác nhau kể từ khi chúng tôi mã hóa một lần, phân phối ở mọi nơi .
Sản xuất
Chúng ta càng sử dụng nhiều khung công tác làm việc, tất cả chúng ta càng nhận được nhiều sự tương hỗ hơn. Điều này, đến lượt nó, phân phối cho chúng tôi nhiều thư viện nguồn mở hơn, chúng tôi hoàn toàn có thể sử dụng lại và giảm thời hạn sản xuất nhưng với nhiều tính năng hơn .
Triển khai / Xây dựng
Đây là một trong những góc nhìn mê hoặc của Electron. Có một mô-đun đóng gói điện tử có sẵn giúp tất cả chúng ta bó hàng loạt cơ sở mã vào những gói tương ứng. Mặc dù mọi người tranh luận rằng Electron chiếm rất nhiều bộ nhớ, nhưng như tôi đã nói, Electron cần một chút ít chăm sóc trong quy trình tăng trưởng để tránh điều này .
UI / UX
Với những công nghệ tiên tiến web, bạn hoàn toàn có thể mở ra nhiều công nghệ tiên tiến phân phối Giao diện người dùng ( UI ) và Trải nghiệm người dùng ( UX ) tuyệt vời cho tổng thể người dùng của bạn một cách tự do. Ngoài ra, bạn hoàn toàn có thể chắc như đinh rằng bạn đang cung ứng thưởng thức giống nhau cho toàn bộ người dùng của bạn trên những nền tảng khác nhau .
Chi phí và thời gian
Bạn sẽ tiết kiệm chi phí rất nhiều thời hạn và tài lộc tăng trưởng chính do, so với ngăn xếp công nghệ tiên tiến mà chúng tôi sử dụng, có rất nhiều nhà tăng trưởng hoàn toàn có thể làm điều đó với ngân sách thấp hơn và đạt được hiệu quả tốt. Bạn hoàn toàn có thể tiết kiệm chi phí rất nhiều thời hạn bằng cách sử dụng cơ sở mã duy nhất và bất kể nhà tăng trưởng nào cũng hoàn toàn có thể thao tác trên mọi thứ .
Lịch sử điện tử
Khi tất cả chúng ta nói về bất kỳ công nghệ nào, tất cả chúng ta cần nói một chút ít về lịch sử vẻ vang đằng sau nó. Chúng ta hãy nhìn sơ lược về lịch sử dân tộc của Electron .Electron được xây dựng bởi Cheng Zhao, trong quy trình tăng trưởng Atom, một trình soạn thảo văn bản đa nền tảng được phát hành vào tháng 7 năm 2013. Nó được tạo ra nguồn mở, được tăng trưởng và tương hỗ bởi GitHub bằng C + +, JavaScript, Objective C và Python. Nó được dự tính để làm cho việc tăng trưởng đa nền tảng thuận tiện hơn cho việc tạo ra Atom .
Lặn sâu vào điện tử
Một ứng dụng Electron điển hình sử dụng HTML, CSS, JavaScript và Node.js trên đầu máy Chromium để phát triển. Đừng để từ Chromium làm bạn sợ. Chromium không có gì để tìm hiểu nếu bạn là nhà phát triển web đang phát triển cho các trình duyệt / ứng dụng phía máy khách. Nếu bạn đang truy cập nhiều chức năng riêng thì bạn cần tìm hiểu sâu hơn về công cụ Chrome (Chromium) để biết thêm thông tin.
Bạn cũng hoàn toàn có thể sử dụng những khung công tác làm việc khác trên đầu thiết lập cơ bản như Next. js, Vue. js và Angular 5. Điều này sẽ giúp cho sự tăng trưởng của bạn thuận tiện hơn bằng cách giữ cho những ứng dụng được xác lập trước và được mô đun hóa, từ đó giúp việc gỡ lỗi và hiểu thuận tiện hơn. Bạn cũng hoàn toàn có thể tạo những trường hợp kiểm tra đơn vị chức năng để bảo vệ những đổi khác của bạn không phá vỡ bất kể tính năng hiện có nào .
Kiến trúc cấp cao và trường hợp sử dụng điện tử
Tôi đã tạo ra một sơ đồ ca sử dụng đơn thuần cho thấy phương pháp hoạt động giải trí của electron ở Lever lõi .
Chúng ta hãy xem Electron hoạt động giải trí như thế nào .
- Máy khách khởi chạy ứng dụng Electron, thường là từ một nền tảng ưa thích như Ubuntu dựa trên Windows / MacOS / Linux .
- Ứng dụng triển khai một nhu yếu đến hành lang cửa số bằng cách sử dụng tiến trình chính .
- Quy trình chính : Điều này chịu nghĩa vụ và trách nhiệm gửi và nhận nhu yếu và chuyển tài liệu giữa những hành lang cửa số khác nhau ; bạn hoàn toàn có thể nghĩ về nó như một trao đổi TT cho toàn bộ những hành lang cửa số. Tất cả quản trị bộ nhớ, như tạo và tàn phá những hành lang cửa số, được giải quyết và xử lý ở đây .
- Quá trình chính đưa ra yêu cầu khởi chạy một hành lang cửa số cùng với Renderer. js ( Quá trình kết xuất ) .
- Quá trình kết xuất : Đây là tệp JS bổ trợ mà chúng tôi sẽ tham chiếu trong mọi tệp HTML trong hành lang cửa số. Bạn hoàn toàn có thể truy vấn DOM hoàn hảo trong Quy trình kết xuất. Bạn cũng hoàn toàn có thể sử dụng nó trong HTML nhưng sử dụng Quy trình kết xuất là một cách sạch hơn để làm điều đó. Khi ứng dụng của bạn tăng trưởng, bạn sẽ nhìn nhận cao chiêu thức này .
-
Một cửa sổ đăng nhập sẽ được khởi chạy và gắn vào quy trình chính, có sẵn cho các hoạt động.
- Người dùng nhập thông tin đăng nhập của họ, sau đó bạn sẽ giải quyết và xử lý nhấp vào nút trong quá trình kết xuất và đưa ra nhu yếu cho quy trình tiến độ chính để khởi chạy Cửa sổ loại sản phẩm .
-
Quá trình chính sẽ nhận thông tin tương ứng thông qua trình nghe sự kiện và khởi chạy cửa sổ Sản phẩm dựa trên yêu cầu sử dụng Quy trình kết xuất.
- Vòng lặp này liên tục cho hàng loạt ứng dụng cho đến khi hoàn thành xong trường hợp sử dụng .
Các hướng dẫn của chúng tôi theo bài viết này sẽ đàm đạo về những khái niệm này với một ứng dụng trực tiếp được tạo bằng Electron, với cơ sở tài liệu phụ trợ dựa trên Alibaba Cloud ApsaraDB cho MongoDB .
ApkaraDB trên nền tảng đám mây của Alibaba cho Mongo DB là phần cuối
Các ứng dụng máy tính để bàn dễ bị mất tài liệu trong sự cố mạng lưới hệ thống hoặc bất kể thiên tai nào. Để lưu tài liệu quý giá của chúng tôi, chúng tôi sẽ liên kết dự án Bất Động Sản của chúng tôi với một phụ trợ được tiến hành trên đám mây. Chúng tôi sẽ triển khai 1 số ít nghiên cứu và phân tích tài liệu về tài liệu được tàng trữ .Lý do chúng tôi chọn Alibaba Cloud ApsaraDB cho MongoDB vì ngân sách đơn thuần thấp và tính chuẩn bị sẵn sàng cao. Tôi sẽ chứng tỏ thưởng thức của mình về cách chúng tôi hoàn toàn có thể liên kết bảo đảm an toàn với dịch vụ phổ cập này và tận dụng nó để sử dụng .
Cái gì tiếp theo?
Các hướng dẫn sẽ là một hướng dẫn từng bước hai phần đơn giản, giúp làm rõ rất nhiều khái niệm nếu bạn chưa quen với Electron. Phần 1 của hướng dẫn nói về việc thiết kế mặt trước của ứng dụng và Phần 2 của hướng dẫn thảo luận về các chi tiết của phần phụ trợ với ApsaraDB cho MongoDB .
Chúng ta sẽ thấy cụ thể cách một ứng dụng Electron được tạo từ đầu với những thành phần khác nhau như ipcRenderer, ipcMain, công dụng in. Chúng tôi cũng sẽ khám phá cách đóng gói / thiết kế xây dựng ứng dụng Electron cho mục tiêu sản xuất và phân phối. Vào cuối hướng dẫn, bạn sẽ hoàn toàn có thể tạo những biểu đồ tương tác và sử dụng những thư viện nguồn mở để tạo ra một giao diện người dùng tuyệt vời ngay lập tức .Bất cứ khi nào sử dụng một công nghệ tiên tiến mới, bạn có nhiều năng lực hơn là không gặp phải một số ít rào cản. Đó là nguyên do tại sao tôi sẽ san sẻ 1 số ít mẹo và thủ pháp, cũng như cung ứng cho bạn thông tin về 1 số ít cạm bẫy mà tôi gặp phải trong quy trình tăng trưởng, điều này hoàn toàn có thể giúp bạn tiết kiệm chi phí rất nhiều thời hạn .Sau đó, chúng tôi sẽ tạo dịch vụ phụ trợ dựa trên Node. js bằng mô-đun nút Express và tàng trữ nó trong bộc lộ ECS. Chúng tôi sẽ công khai minh bạch điều này cho Ứng dụng điện tử truy vấn .
