人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

使用HBuilderX打包人人商城APP实现微信登录,微信支付,微信分享,支付宝支付海报以及推广二维码分享等功能。

打包开发工具:

HBuilderX,下载地址:http://www.dcloud.io/下载完整APP开发版

下载并安装HBuilderX后,打开编辑器,点击右上角选择:文件 -> 新建 -> 项目选择wap2app,出现如下图:

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)
填入项目名称,wap站首页地址,选择项目文件路径,创建。项目创建成功,软件左侧会出现你刚创建的项目。然后粘贴示列项目的文件进去。

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

打开项目,找到manifest.json文件,依次配置相关配置文件。

一、基础配置:

注意:应用标识不要手动修改,显示默认的即可

依次填入应用名称,版本名称,应用入口首页地址可以是网络地址也可以是本地地址。

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

二、图标配置:

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

图标就是App安装到手机后显示的图标,选择第一张图标后可以点击“自动生成所有图标并替换”,会自动生成适配不同大小的图标。

三.SDK配置

1.微信登录,勾选微信登录填写微信开放平台的appid和appsecret

如下图:

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

2.配置支付宝支付,微信支付,微信分享等

如下图:

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)


四.配置UA和加密APP代码

人人商城APP打包教程最新版(DCLOUD)人人商城APP打包教程最新版(DCLOUD)

这样,manifest.json文件就配置完成了接下来,打包app。点击HBuilder: 发行 -> 原生App-云端打包