天天看點

如何從零建立手機app商城系統?

如今,越來越多的企業将自己的業務從網頁端拓展到移動端,這時建立一款類似于淘寶、京東、拼多多的手機app商城成為了許多企業的追求。那麼,我們如何從零建立自己的手機app商城呢?

從零建立app商城對于不太懂技術的來說可能個大工程,但也有解決方案,樓主就花點時間給大家整理一下。這裡我們通過之前的SHOP++商城項目進行說明,給大家梳理一下相關操作,供大家參考。

第一步:HBuilderX安裝

通路HBuilderX下載下傳頁面,【下載下傳】 并 【安裝HBuilderX】。

如何從零建立手機app商城系統?

第二步:項目導入

打開HBuilderX依次點選【檔案】-->【打開目錄】,選擇SHOP++【app】檔案夾路徑。

第三步:基礎配置

在HBuilderX中打開【manifest.json】檔案,點選【基礎配置】設定【應用名稱】、【應用入口頁面(首頁)位址】(實際網站網址)、【應用描述】等資訊并儲存,如下圖所示:

如何從零建立手機app商城系統?

第四步:SDK配置

在HBuilderX中打開【manifest.json】檔案,點選【SDK配置】勾選【微信登入】,設定【appid】、【appsecret】資訊并儲存,如下圖所示:

如何從零建立手機app商城系統?

在HBuilderX中打開【manifest.json】檔案,點選【SDK配置】勾選【微信消息及朋友圈】,設定【appid】、【appsecret】 資訊并儲存,如下圖所示:

如何從零建立手機app商城系統?

第五步:網址修改

在HBuilderX中打開【client_index.html】檔案,替換所有【https://www.example.com】為【實際網站網址】并儲存,如下圖所示:

如何從零建立手機app商城系統?

在HBuilderX中打開【sitemap.json】檔案,替換所有【https://www.example.com】為【實際網站網址】并儲存,如下圖所示:

如何從零建立手機app商城系統?

第六步:運作調試

使用資料線連接配接手機至電腦,打開HBuilderX依次點選【運作】-->【運作到手機或模拟器】-->【運作–[裝置:xxx]】,如下圖所示:

如何從零建立手機app商城系統?

在連接配接至電腦的手機上點選【HBuilder】圖示進行應用調試(若iPhone手機提示【未受信任的企業級開發者】,打開手機依次進入【設定】-->【通用】-->【裝置管理】-->【Digital Heaven(Beijing) Internet & Technology Co.,Ltd.】-->【信任Digital Heaven(Beijing) Internet & Technology Co.,Ltd.】)。

第七步:打包發行

打開HBuilderX依次點選【發行】-->【原生App】-->【雲打包】,勾選【iOS】、【Android】,設定【iOS開發者證書】及【Google開發者證書】相關内容并點選【打包】按鈕,如下圖所示:

如何從零建立手機app商城系統?

以上就是手機app商城建立方案了,我們按照指引正确設定後,便可以在網際網路上釋出使用了。