从零开始 uni-app 编译微信小程序 体验

首先注册一个账号

前往微信公众平台 创建一个小程序

一个账号最多可以注册5个小程序,选择类型的时候要选择好,后期不可转换

登录之后在开发设置里面拿到AppID
从零开始 uni-app 编译微信小程序 体验_第1张图片

有了AppID就可以下载开发工具了
微信开发者工具
Hbuilder X

这里的Hbuilder选择开发版下载
从零开始 uni-app 编译微信小程序 体验_第2张图片
从插件市场挑选一款模板

从零开始 uni-app 编译微信小程序 体验_第3张图片
打开HBuilderX 把下好的项目导入进去,或者直接在市场一键导入
然后运行发行里面的小程序(微信)


从零开始 uni-app 编译微信小程序 体验_第4张图片
看到这个界面输入之前所获得的AppId 即可
在这里插入图片描述
编译报错根据提示去安装对应插件
在这里插入图片描述

安装完成之后,还会有微信小程序开发者工具的错误提示,这个时候我们就需要去打开之前安装的微信开发者工具

登录界面,微信扫码登录
从零开始 uni-app 编译微信小程序 体验_第5张图片

在设置里面找到安全设置
从零开始 uni-app 编译微信小程序 体验_第6张图片
把服务端口打开
从零开始 uni-app 编译微信小程序 体验_第7张图片
回到HBuilderX的界面,再一次发行微信小程序
没有异常的话会看到这个界面,uni-app 编译微信小程序就算完成了,然后就是发布了

点击界面中的上传按钮,设置版本号跟描述,确认上传,因为是第一次上传,我们需要手动到微信公众平台的小程序管理界面去设置
从零开始 uni-app 编译微信小程序 体验_第8张图片

打开版本管理,找到你刚刚上传的包,并且设置为体验版
从零开始 uni-app 编译微信小程序 体验_第9张图片
然后就可以扫码查看了,体验版仅供参考测试,正式版需要通过审核。
微信小程序的大体流程就是这样了,还有域名接口等设置,感兴趣的可以去看微信官方文档

你可能感兴趣的:(小程序,vue,web)