QShop商城-快速开始-uni-app小程序

qshop,uni,app · 浏览次数 : 0

小编点评

**步骤一：下载并安装HBuilderX** - 请访问QShop官网下载最新版本的微信开发者工具。 - 下载文件并根据说明安装HBuilderX。 - 启动HBuilderX。 **步骤二：打开HBuilderX项目** - 启动HBuilderX。 - 点击“文件”选项卡，选择“导入”。 - 选择“从本地目录导入”选项，选择“选择目录2_UniApp”。 - 修改“manifest.json”文件中的“appID”设置后端接口地址。 - 打开“config.js”文件设置微信开发者工具目录。 **步骤三：运行HBuilderX项目** - 点击“运行”选项卡，选择“运行到小程序模拟器”。 - 点击“运行设置”按钮，设置打开服务端口。 **步骤四：启动微信开发者工具** - 启动微信开发者开发工具。 - 点击“设置”选项卡，设置打开服务端口。 **步骤五：部署发布项目** - 点击“部署”选项卡，选择“小程序-微信”。 - 输入信息并点击“发行”。 - 生成并打开微信开发者工具，上传代码。

正文

QShop商城-快速开始-uni-app小程序

工具准备

HBuilderX

此项目为UniApp开发,开发工具为HBuilderX,下载地址: https://hx.dcloud.net.cn/Tutorial/install/windows

微信开发者工具

下载最新版的微信开发者工具，用来查看编译效果

打开项目

启动HBuilderX,文件=>导入=>从本地目录导入=>选择目录2_UniApp

打开项目

修改配置

打开manifest.json,设置小程序AppId

修改配置

设置后端接口地址,打开 config.js

修改配置

设置微信开发者工具目录运行=>运行到小程序模拟器=>运行设置,如下图

运行小程序

启动运行

打开微信开发者开发工具,设置打开服务端口.如下图

打开HBuilderX 运行=>运行到小程序模拟器=>点击微信开发者工具,HBuilderX编译完后将自动调起微信开发者工具.如下图

Ps :如出现”当前API域名未添加到微信小程序授权名单”,请在向程序官网设置业务域名,或微信开发者工具设置不检校合法域名,如下图

授权域名

部署发布

打开HBuilderX 发行=>小程序-微信=>填入信息=>发行,生成完成后将自动打开微信开发者工具

微信开发者工具=>上传代码