laitimes

How to create a mobile app mall system from scratch?

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].

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

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:

How to create a mobile app mall system from scratch?

在连接至电脑的手机上点击【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:

How to create a mobile app mall system from scratch?

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.

Read on