VSCode中如何开发uni-app(微信小程序)
流程:
1、创建微信开放平台账号
2、 获取AppID 创建小程序项目
3、搭建项目结构
4、功能开发
a、后台给到的所有域名都必须备案(包括接口域名,h5链接域名,图片域名等,备案后要在微信后台服务中进行配置,且微信后台的服务域名校验文件要放在域名根目录下,微信后台配置的时候会有提示,根据提示操作即可)
b、补充相应用户隐私保护指引(比如要获取用户手机号,地理位置等要告诉用户为什么要获取这些,且要在微信后台服务中配置好,以免小程序被举报)
c、小程序必须备案
5、调试和测试
6、上传代码提交审核(代码上传至微信开放平台,填写相关信息并选择提交审核,注意准备好相应的文档资料,如功能介绍、运营规划等,等待微信官方对小程序进行审核,通常需要数天时间)
7、审核通过,小程序发布上线
VSCode中搭建项目
cli工程全局安装vue-cli
npm install -g @vue/cli
通过cli创建uni-app项目
vue create -p dcloudio/uni-preset-vue my-project
选择模板,初次体验建议选择 hello uni-app 项目模板
image.png
npm install
微信小程序运行
npm run dev:mp-weixin
项目启动后打开微信开发者工具导入dist/dev/mp-weixin即可
image.png
如果当前用到的域名未备案本地开发时可先勾选此项,后期再进行接口调试
image.png
当新建页面的时候需要在pages.json中引入(pages中第一个为默认打开页)
image.png
如有不完善后续补充........