Nowadays, more and more companies are expanding their business from the web to the mobile terminal, and it has become the pursuit of many enterprises to create a mobile app mall similar to Taobao, JD.com, and Pinduoduo. So, how do we create our own mobile app store from scratch?
Creating an app mall from scratch may be a big project for those who don't know much about technology, but there are solutions, and the landlord will take some time to sort it out for everyone. Here we will explain through the previous SHOP++ mall project to sort out the relevant operations for your reference.
Step 1: HBuilderX installation
Visit the HBuilderX download page, [Download] and [Install HBuilderX].
Step 2: Project import
Open HBuilderX, click [File] -- > [Open Directory], and select the SHOP++ [app] folder path.
Step 3: Basic configuration
Open the manifest.json file in HBuilderX, click Basic Configuration, set the application name, application entry page (Home) address (actual website URL), application description and other information, and save them, as shown in the following figure:
Step 4: SDK configuration
Open the [manifest.json] file in HBuilderX, click [SDK Configuration], check [WeChat Login], set the [appid] and [appsecret] information and save them, as shown in the following figure:
Open the [manifest.json] file in HBuilderX, click [SDK Configuration], check [WeChat Messages and Moments], set the [appid] and [appsecret] information and save them, as shown in the following figure:
Step 5: Modify the URL
Open the client_index.html file in HBuilderX, replace all https://www.example.com with the actual website URL and save it, as shown in the following figure:
Open the sitemap.json file in HBuilderX, replace all https://www.example.com with the actual website URL and save it, as shown in the following figure:
Step 6: Run the debugging
Use a data cable to connect your phone to your computer, open HBuilderX, and click [Run] -- > [Run to Phone or Emulator] -- > [Run–[Device:xxx]], as shown in the following figure:
在连接至电脑的手机上点击【HBuilder】图标进行应用调试(若iPhone手机提示【未受信任的企业级开发者】,) 打开手机依次进入【设置】-->【通用】-->【设备管理】-->【Digital Heaven(Beijing) Internet & Technology Co.,Ltd.】-->【信任Digital Heaven(Beijing) Internet & Technology Co.,Ltd.】)。
Step 7: Package and publish
Open HBuilderX and click [Release] -- > [Native App] -- > [Cloud Packaging], check [iOS] and [Android], set [iOS Developer Certificate] and [Google Developer Certificate] and click the [Package] button, as shown in the following figure:
The above is the mobile app mall creation plan, we can follow the guidelines to set up correctly, and then you can publish and use it on the Internet.