TWI881821B

TWI881821B - 建構超級應用程式的方法

Info

Publication number: TWI881821B
Application number: TW113117056A
Authority: TW
Inventors: 鄭福烱; 王岱鑫; 劉威成
Original assignee: 大同大學
Priority date: 2024-05-08
Filing date: 2024-05-08
Publication date: 2025-04-21
Also published as: EP4647897A1; US20250348284A1; JP2025171902A; JP7745052B1

Abstract

一種建構超級應用程式的方法。可透過應用程式開發工具來選定主應用程式以及一或多個從屬應用程式，由主應用程式建立資訊傳輸管理器以及背景應用程式介面執行器。透過資訊傳輸管理器負責儲存超級應用程式中每個應用程式所傳遞的資料內容，並讓每個應用程式可以透過資訊傳輸管理器讀取資料內容。並且，背景應用程式介面執行器會呼叫其他應用程式的背景應用程式介面執行主檔的內容在主應用程式的背景執行。據此，可將多個應用程式結合起來成為一個超級應用程式。

Description

建構超級應用程式的方法

本發明是有關於一種建構應用程式（application，APP）的方法，且特別是有關於一種建構超級應用程式（Super APP）的方法。

超級應用程式（Super APP）是指在一個應用程式（APP）中提供多種服務，並且可以滿足用戶的多種需求，從而實現一站式（one stop）的解決方案。超級APP的建立是透過累積各種功能至同一個APP中。然，目前尚無法輕易匯入已存在的APP組合來形成一個超級APP。目前的APP開發方式不容易直接將APP模組化並整合到其他APP專案中使用，通常需要獨立地建立模組或使用JavaScript工具庫（例如Lib）所提供的功能進行開發。此外，在整合第三方服務時，也可能面臨可靠性和安全性問題，同時也可能受制於第三方應用程式介面（Application Programming Interface，API）的變動。

本發明提供一種建構超級應用程式（Super APP）的方法，使開發者能夠在單一平台上輕鬆構建和管理多個應用程式（APP），同時確保APP的高度互操作性。

本發明的建構超級APP的方法，適於利用處理器來執行所述方法，所述方法包括：透過APP開發工具建立第一超級APP，其中第一超級APP包括多個第一APP，這些第一APP包括一個主APP以及至少一個從屬APP。建立第一超級APP的步驟包括：透過APP開發工具選定主APP；響應於主APP被選定，在主APP中建立資訊傳輸管理器以及背景應用程式介面（Application Programming Interface，API）執行器；在APP開發工具選定主APP的情況下，透過APP開發工具選定至少一從屬APP；透過資訊傳輸管理器建立主APP與各從屬APP之間的傳輸路徑；以及透過背景API執行器建立主APP與各從屬APP的背景API執行主檔之間的呼叫關聯性。

在本發明的一實施例中，透過資訊傳輸管理器建立主APP與各從屬APP之間的傳輸路徑的步驟包括：透過資訊傳輸管理器在主APP中建立與各從屬APP對應的目錄路徑；以及將各從屬APP存放至對應的目錄路徑，使得資料傳輸管理器透過目錄路經儲存主APP以及各從屬APP各自所傳遞的資料內容，並且允許主APP與各從屬APP來讀取目錄路徑所儲存的資料內容。

在本發明的一實施例中，在APP開發工具啟動主APP的情況下，透過APP開發工具選定從屬APP之後，更可以在第一超級APP的指定頁面中加入與各從屬APP對應的物件，並將此物件關聯至對應的從屬APP的目錄路徑。

在本發明的一實施例中，在APP開發工具選定主APP的情況下，更包括：透過APP開發工具選定第二超級APP，其中第二超級APP包括多個第二APP，這些第二APP其中一個為第二超級APP的主APP；以及將第二超級APP匯入至第一超級APP，使得第二超級APP所包括的第二APP成為第一超級APP的從屬APP，此步驟包括：透過第一超級APP的資訊傳輸管理器建立第一超級APP的主APP與第二超級APP的每一個第二APP之間的傳輸路徑；以及透過第一超級APP的背景API執行器建立第一超級APP的主APP與第二超級APP的每一個第二APP的背景API執行主檔之間的呼叫關聯性。

在本發明的一實施例中，背景APP執行器用以呼叫各從屬APP的背景API執行主檔。

在本發明的一實施例中，透過第一超級APP的資訊傳輸管理器建立第一超級APP的主APP與第二超級APP的每一個第二APP之間的傳輸路徑的步驟包括：透過資訊傳輸管理器在第一超級APP的主APP中建立與各第二APP對應的目錄路徑；以及將各第二APP存放至對應的目錄路徑。

在本發明的一實施例中，背景API執行器用以呼叫各從屬APP的背景API執行主檔。

在本發明的一實施例中，所述建構超級應用程式的方法更包括：透過APP開發工具在第一超級APP加入後台管理功能。

基於上述，當設計超級APP時，可以將既有的APP與新的APP結合起來組合成一個全新的超級APP，超級APP中的APP與APP之間可以互相傳遞資料或呼叫API函式，另外，既有超級APP也可以加入一個或多個新的APP，擴展為新的超級APP。

在底下實施例中，可利用任何具有運算能力的電子裝置來實現建構超級應用程式的方法。電子裝置例如為個人電腦、筆記型電腦、伺服器等。所述電子裝置至少包括處理器以及儲存器，處理器耦接至儲存器。

處理器可採用中央處理單元（Central Processing Unit，CPU）、物理處理單元（Physics Processing Unit，PPU）、可程式化之微處理器（Microprocessor）、嵌入式控制晶片、數位訊號處理器（Digital Signal Processor，DSP）、特殊應用積體電路（Application Specific Integrated Circuits，ASIC）或其他類似裝置來實現。

儲存器可採用任意型式的固定式或可移動式隨機存取記憶體（Random Access Memory，RAM）、唯讀記憶體（Read-Only Memory，ROM）、快閃記憶體（Flash memory）、硬碟或其他類似裝置或這些裝置的組合來實現。儲存器中包括一或多個程式碼片段，所述一或多個程式碼片段在被安裝後，會由處理器來執行以實現建構超級應用程式（Super application，Super APP）的方法。

圖1是依照本發明一實施例的應用程式的架構示意圖。請參照圖1，在一實施例中，應用程式（APP）包括啟動檔110、背景應用程式介面（Application Programming Interface，API）執行主檔120以及程式邏輯主檔130。例如，啟動檔110為“index.html”的檔案，負責啟動APP，並且用以設定參數等。程式邏輯主檔130為真正執行的功能檔案，其包括一個或多個頁面，每一個頁面包含函式（例如API函式）與變數。程式邏輯主檔130例如為“.vue”或“.js”的檔案。背景API執行主檔120為用以讓API函式可以在背景執行的主要檔案。背景API執行主檔220例如為“.vue”或“.js”的檔案。在一實施例中，背景API執行主檔120可以是一個API函式，例如為“Web Work”，其可以獨立在背景執行而不會影響到原來的HTML頁面。

超級應用程式（Super APP）會匯入多個APP來提供服務，可將每個APP視為在手機上建立的網站服務。例如，超級APP可以提供通訊、電子商務、購物、點餐、旅遊、叫車、匯款等服務。每一個服務由一個APP來提供。

圖2是依照本發明一實施例的超級應用程式架構的示意圖。在本實施例中，透過應用程式（APP）開發工具建立超級APP 20。請參照圖2，超級APP 20是由多個APP組合而成，其中一個APP作為主APP 200，而將其他APP視為是從屬APP 100。當超級APP 20啟動時，第一個被啟動的APP就是主APP 200。從屬APP 100的架構與圖1所示的架構相同。而主APP 200的架構與從屬APP 100的架構類似，具有啟動檔210、背景API執行主檔220以及程式邏輯主檔230，並且進一步包括資訊傳輸管理器240以及背景API執行器250。資訊傳輸管理器240例如為“localStorage”或“sessionStorage”等網頁儲存區。資訊傳輸管理器240用以負責儲存超級APP中的每一個APP所傳遞的資料內容。並且，每個APP可以透過資訊傳輸管理器240讀取其他APP所傳遞的資料內容。背景API執行器250例如為函式、程式碼片段等，用以使得主APP得以呼叫從屬APP在背景中執行。

為了提高安全性，資訊傳輸管理器240也可進一步針對所接收的資料內容進行加解密動作。

底下舉例來進一步說明建立超級APP 20的各步驟。圖3是依照本發明一實施例的建構超級應用程式的方法流程圖。請參照圖2及圖3，在步驟S305中，透過APP開發工具選定主APP 200。例如，在一實施例中，使用者可透過APP開發工具選定其中一個APP專案作為主APP 200。

接著，在步驟S310中，響應於主APP 200被選定，在主APP 200中建立資訊傳輸管理器240以及背景API執行器250。在步驟S315中，在APP開發工具選定主APP 200的情況下，透過APP開發工具選定至少一個從屬APP 100。

在步驟S320中，透過資訊傳輸管理器240建立主APP 200與各從屬APP 100之間的傳輸路徑。具體而言，可透過資訊傳輸管理器240在主APP 200中建立與各從屬APP 100對應的目錄路徑，並將各從屬APP 100存放至對應的目錄路徑，使得資訊傳輸管理器240透過目錄路徑來儲存主APP 200以及各從屬APP 100各自所傳遞的資料內容，並且允許主APP 200與各從屬APP 100來讀取目錄路徑所儲存的資料內容。由於每一個從屬APP 100都會放在主APP 200中對應的目錄路徑。據此，當拜訪啟動檔210的目錄路徑，便可執行對應的從屬APP 100。

例如，假設主APP 200所在的位置路徑為： “file://xxx/www/”，則主APP 200的啟動檔210（例如為“index.html”的檔案）對應的路徑為“file://xxx/www/index.html”。在超級APP 20被啟動時，會由“file://xxx/www/index.html”來執行主APP 200的啟動檔210。另外，假設以從屬APP 100的名稱“APP1”來設定其對應的目錄路徑，則在主APP 200對應的位置路徑下將從屬APP 100的目錄路徑設定為“file://xxx/www/APP1/”，則從屬APP 100的啟動檔110（例如為“index.html”的檔案）對應的目錄路徑為“file://xxx/www/APP1/index.html”。主APP 200可以自“file://xxx/www/APP1/index.html”來執行從屬APP 100的啟動檔110。

圖4是依照本發明一實施例的超級APP中傳輸路徑的架構示意圖。請參照圖4，本實施例列舉三個從屬APP（100-1、100-2、100-3）來說明，然並不以此為限。從屬APP 100-1包括啟動檔110-1、背景API執行主檔120-1以及程式邏輯主檔130-1。從屬APP 100-2包括啟動檔110-2、背景API執行主檔120-2以及程式邏輯主檔130-2。從屬APP 100-3包括啟動檔110-3、背景API執行主檔120-3以及程式邏輯主檔130-3。主APP 200透過資訊傳輸管理器240建立與從屬APP 100-1、100-2、100-3三者對應的目錄路徑411-1、411-2以及411-3。將從屬APP 100-1存放至目錄路徑411-1，將從屬APP 100-2存放至目錄路徑411-2，將從屬APP 100-3存放至目錄路徑411-3。

返回圖3，在步驟S325中，透過背景API執行器250建立主APP 200與各從屬APP 100（例如從屬APP 100-1、100-2、100-3）的背景API執行主檔120之間的呼叫關聯性。據此，主APP 200可在需要時透過背景API執行器250來呼叫從屬APP 100的背景API執行主檔120。

圖5是依照本發明一實施例的超級APP中呼叫關聯的架構示意圖。請參照圖5，本實施例列舉三個從屬APP 100-1、100-2、100-3（可統稱為從屬APP 100）來說明，然並不以此為限。如圖5所示，主APP 200的背景API執行器250可以呼叫從屬APP 100-1、100-2、100-3每一個的背景API執行主檔120-1、120-3、120-4（可統稱為背景API執行主檔120）。

超級APP 20啟動時會執行主APP 200的啟動檔210，啟動檔210會先執程式邏輯主檔230，當有需要在背景執行至少一個從屬APP 100（例如從屬APP 100-1、100-2、100-3中的至少其中一個）時，可透過背景API執行器250去呼叫欲在背景中執行的一或多個從屬APP 100的背景API執行主檔120。

另外，超級APP 20除了可以跟一或多個APP組合以外，也可以與其他超級APP組合。超級APP 20在組合其它超級APP時，被整合的超級APP會視為一般的APP而將自身的主APP的資訊傳輸管理器與背景API執行器取消（例如禁能被整合的超級APP的主APP的資訊傳輸管理器與背景API執行器），改由超級APP 20作為主導。底下舉例來說明匯入另一個超級APP至超級APP 20中的架構。

圖6是依照本發明一實施例的整合多個超級APP的架構示意圖。請參照圖6，在本實施例中，透過APP開發工具選定超級APP 600（第二超級APP）。超級APP 600包括多個APP（在此列舉2個APP，然，並不以此為限），其中一個為主APP 601，另一個為從屬APP 602。接著，將超級APP 600匯入至超級APP 20（第一超級APP），使得超級APP 600所包括的第二APP（主APP 601以及從屬APP 602）成為超級APP 20的從屬APP 610、620。

也就是說，超級APP 600被匯入至超級APP 20之後，超級APP 600的主APP 601（對應至從屬APP 610）原本的資訊傳輸管理器以及背景API執行器會被禁能而不會作動，轉而使用超級APP 20的資訊傳輸管理器240以及背景API執行器250來控制從屬APP 610以及從屬APP 620。

具體而言，超級APP 20的資訊傳輸管理器240建立超級APP 20的主APP 200與超級APP 600的各第二APP（主APP 601、從屬APP 602）之間的傳輸路徑。如圖6所示，在主APP 200中，透過資訊傳輸管理器240建立分別對應於超級APP 600的主APP 601與從屬APP 602的目錄路徑611、621，並將主APP 601存放至目錄路徑611，將從屬APP 602存放至目錄路徑621。據此，超級APP 600的主APP 601以及從屬APP 602分別成為超級APP 20的從屬APP 610、APP 620。從屬APP 610包括啟動檔610-1、背景API執行主檔610-2以及程式邏輯主檔610-3。從屬APP 620包括啟動檔620-1、背景API執行主檔620-2以及程式邏輯主檔620-3。

並且，超級APP 20的背景API執行器250建立超級APP 20的主APP 200與超級APP 600的從屬APP 610、620的背景API執行主檔610-2、620-2之間的呼叫關聯性。據此，主APP 200可在需要時透過背景API執行器250在背景中執行從屬APP 610與從屬APP 620中的至少其中一者。

圖7A～圖7C是依照本發明一實施例的APP開發工具的介面示意圖。在本實施例中，APP開發工具700例如為無代碼跨APP的網頁開發工具。如圖7A所示，可在APP開發工具700的專案選單中選定“購物APP專案”作為主APP。接著，如圖7B所示，在APP開發工具700的APP清單中選擇作為從屬APP的專案。在此，APP清單所列出的專案為已經建立好的APP。在選定從屬APP後，如圖7C所示，可在檔案列表中顯示有主APP對應的名稱“購物APP專案”以及從屬APP對應的名稱“productAdmin”以及“shopping”。

在會員頁面中加入登入功能，並且設定為在登入會員帳號成功之後，提供後台管理功能。在一實施例中，可直接在主APP的頁面（例如會員頁面）中加入後台管理功能。在另一實施例中，後台管理功能也可以一個APP（後台APP）的形式來實現，將後台APP作為超級APP中的從屬APP。

圖8是依照本發明一實施例的超級APP的會員頁面的示意圖。請參照圖8，在使用者於超級APP中登入會員帳號之後，顯示會員頁面800。在會員頁面中包括歡迎詞801，例如為“歡迎：Andy”，以及對應至後台管理功能對應的按鈕802。

另外，也可進一步透過APP開發工具在超級APP 20的指定頁面中加入與各從屬APP對應的物件，並將此物件關聯至對應的從屬APP的目錄路徑。所述物件例如為圖標（icon）、功能選項或按鈕等。在超級APP 20的使用過程中，可在其指定頁面透過圖標、功能選項或按鈕等物件來觸發並執行對應的從屬APP。據此，賦予超級APP的使用更加彈性化，使用者可在執行超級APP的主APP的情況下，視需求決定要執行超級APP中的哪一個從屬APP。舉例來說，圖9是依照本發明一實施例的超級APP的APP清單頁面的示意圖。請參照圖9，APP清單頁面900中顯示對應至三個APP的圖標901、902、903。在此僅為舉例說明，並不以此為限。

或者，在其他實施例中，也可在超級APP的建構階段設定好從屬APP的執行順序，而不提供圖標（icon）、功能選項或按鈕等物件。

綜上所述，本發明的建構超級APP的方法，使開發者能夠在單一平台上輕鬆構建和管理多個APP，同時確保APP的高度互操作性。在超級APP的開發階段只要匯入既有的APP就可以容易地建構超級APP。並且，還可依照需求，藉由建立新的APP將新功能整合至超級APP中。

100、100-1、100-2、100-3、602、610、620:從屬APP 110、110-1、110-2、110-3、210、610-1、620-1:啟動檔 120、120-1、120-2、120-3、220、610-2、620-2:背景API執行主檔 130、130-1、130-2、130-3、230、610-3、620-3:程式邏輯主檔 20、600:超級APP 200、601:主APP 240:資訊傳輸管理器 250:背景API執行器 411-1、411-2、411-3、611、621:目錄路徑 700:APP開發工具 800:會員頁面 801:歡迎詞 802:按鈕 900:APP清單頁面 901、902、903:圖標 S305～S325:步驟

圖1是依照本發明一實施例的應用程式的架構示意圖。圖2是依照本發明一實施例的超級應用程式架構的示意圖。圖3是依照本發明一實施例的建構超級應用程式的方法流程圖。圖4是依照本發明一實施例的超級APP中傳輸路徑的架構示意圖。圖5是依照本發明一實施例的超級APP中呼叫關聯的架構示意圖。圖6是依照本發明一實施例的整合多個超級APP的架構示意圖。圖7A～圖7C是依照本發明一實施例的APP開發工具的介面示意圖。圖8是依照本發明一實施例的超級APP的會員頁面的示意圖。圖9是依照本發明一實施例的超級APP的APP清單頁面的示意圖。

S305~S325:步驟

Claims

一種建構超級應用程式的方法，適於利用一處理器來執行該方法，該方法包括：透過一應用程式開發工具建立一第一超級應用程式，其中該第一超級應用程式包括多個第一應用程式，該些第一應用程式包括一主應用程式以及至少一從屬應用程式，建立該第一超級應用程式的步驟包括：透過該應用程式開發工具選定該主應用程式；響應於該主應用程式被選定，在該主應用程式中建立一資訊傳輸管理器以及一背景應用程式介面執行器；在該應用程式開發工具選定該主應用程式的情況下，透過該應用程式開發工具選定該至少一從屬應用程式；透過該資訊傳輸管理器建立該主應用程式與各該從屬應用程式之間的傳輸路徑；以及透過該背景應用程式介面執行器建立該主應用程式與各該從屬應用程式的一背景應用程式介面執行主檔之間的呼叫關聯性。
如請求項1所述的方法，其中透過該資訊傳輸管理器建立該主應用程式與各該從屬應用程式之間的傳輸路徑的步驟包括：透過該資訊傳輸管理器在該主應用程式中建立與各該從屬應用程式對應的一目錄路徑；以及將各該從屬應用程式存放至對應的該目錄路徑，使得該資料傳輸管理器透過該目錄路經儲存該主應用程式以及各該從屬應用程式各自所傳遞的資料內容，並且允許該主應用程式與各該從屬應用程式來讀取該目錄路徑所儲存的資料內容。
如請求項2所述的方法，其中在該應用程式開發工具啟動該主應用程式的情況下，透過該應用程式開發工具選定該至少一從屬應用程式之後，更包括：在該第一超級應用程式的一指定頁面中加入與各該從屬應用程式對應的一物件，並將該物件關聯至各該從屬應用程式的該目錄路徑。
如請求項1所述的方法，其中在該應用程式開發工具選定該主應用程式的情況下，更包括：透過該應用程式開發工具選定一第二超級應用程式，其中該第二超級應用程式包括多個第二應用程式，該些第二應用程式其中一個為該第二超級應用程式的主應用程式；以及將該第二超級應用程式匯入至該第一超級應用程式，使得該第二超級應用程式所包括的該些第二應用程式成為該第一超級應用程式的從屬應用程式，包括：透過該第一超級應用程式的該資訊傳輸管理器建立該第一超級應用程式的該主應用程式與該第二超級應用程式的每一該些第二應用程式之間的傳輸路徑；以及透過該第一超級應用程式的該背景應用程式介面執行器建立該第一超級應用程式的該主應用程式與該第二超級應用程式的每一該些第二應用程式的背景應用程式介面執行主檔之間的呼叫關聯性。
如請求項4所述的方法，其中透過該第一超級應用程式的該資訊傳輸管理器建立該第一超級應用程式的該主應用程式與該第二超級應用程式的每一該些第二應用程式之間的傳輸路徑的步驟包括：透過該資訊傳輸管理器在該第一超級應用程式的該主應用程式中建立與每一該些第二應用程式對應的一目錄路徑；以及將每一該些第二應用程式存放至對應的該目錄路徑。
如請求項1所述的方法，其中該背景應用程式介面執行器用以呼叫各該從屬應用程式的該背景應用程式介面執行主檔。
如請求項1所述的方法，更包括：透過該應用程式開發工具在該第一超級應用程式加入一後台管理功能。