uni-app 微信小程序开发入门

639 阅读2分钟

#持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第6天,点击查看活动详情

1 微信小程序

image-20220606140236803.png

微信小程序是微信公众平台一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验,是移动端应用的一种解决方案。

微信小程序在公众平台上注册,注册时,选择个人或其他主体,个人无法认证。企业认证后可获得高级微信接口,如微信支付功能。

微信小程序简易架构:

image-20220606141024574.png

微信开发者:任何人都可以通过开发者工具登录成为开发者。在注册的小程序里,可以配置某个微信账号/人是这个小程序的开发者。

2 开发环境配置

uni-app的原理:通过动态编译,发布到不同的平台上。一端开发,多端发布,发布H5、APP、小程序(不仅是微信小程序)。

环境配置步骤:

1、通过hbuilderX创建一个uni-app项目。

配置微信开发者工具路径:

image-20220606144041194.png

配置appId

image-20220606142521373.png image-20220606144409846

2、开启微信开发者工具的服务端口:

image-20220606144240391.png

2、 小程序后台通过微信号配置开发人员。

3、获得appID 和 密钥 APPID 。

4、后端:绑定一个域名,备案,域名要配置SSL证书。小程序后台配IP白名单 、request域名等。

3 开发文档

微信开发文档:developers.weixin.qq.com/miniprogram…

uni-app文档:uniapp.dcloud.io/

4 uni-app 开发微信小程序

1、数据交互例子

2、微信登录

3、订阅消息

5 发布

微信开发者工具,上传。

首先是开发版本,提交审核后,是审核版本。审核通过后,上线版本。

image.png