作者也是刚开始接触小程序开发,本次小程序开发使用的uni-app,记录下小程序的开发过程。
前期准备工作
作者使用的开发工具:HBuilder x、微信开发者工具。
创建uni-app项目
详细步骤可参考uni-app官网-快速上手,下面简述下作者的使用过程:
1.在HBuilder X 中打开如下路径文件 -> 新建 -> 项目。
2.创建以下项目。
3.配置微信开发工具。
4.登录微信公众平台获取appid,进入项目的manifest.json配置appid
5.后端接口的配置,如下图所示配置请求域名,域名必须是https的http的需要进行证书认证等。注意:uploadFile 和 downloadFile等如果项目有需要必须要配置,没有配置升级后会不起效。
文章来源地址https://www.toymoban.com/news/detail-486088.html
代码编辑
在使用uni-app编辑代中与使用html编写代码差别不大,如果你对html比较熟悉应该在开发小程序时会的心应手。uni-app项目中支持vue2、和vue3。
代码的运行如下图所示:
代码运行后的结果要以真机运行结果为准,部分功能电脑模拟和手机模拟可能结果不一致,进入开发工具后手机调试:
程序升级
在代码调试完成后对小程序进行升级。步骤如下:
1.上传代码
2.小程序公众平台版本管理提交审核
3.将预览图片和视频做好上传,便于微信方审核,如果材料不全而且功能不明确的话微信方会驳回提交。
4.审核完毕后微信方会给你发审批通过信息,在下图审核版本后就可以点击进行发布了。
文章来源:https://www.toymoban.com/news/detail-486088.html
到了这里,关于uni-app开发小程序以及项目部署流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!