更新记录

0.0.2(2021-09-23)

1、解决因为并发重复获取openid导致code重用而报40163错误的问题(重点)

2、解决微信支付在V3版本接口下报错(输入源“/body/xml/appid”映射到字段“公众账号ID”必填性规则校验失败,此字段为必填项)问题

3、解决在H5页面里顶部出现两个导航条的问题

4、增加体验环境及体验教程,改造微信支付支持测试体验

5、界面改造,页面头部由广告图修改为显示当前登录用户,让用户更直观看到自动注册自动登录过程的数据变化

6、提供更简洁的安装配置教程,提供全程配置视频教程

0.0.1(2021-04-26)

正式发布

查看更多

平台兼容性

阿里云 腾讯云
Vue2 Vue3
×
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
× × × × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


本插件配有非常详细的使用和配置教程: 使用dcloud全家桶开发公众号H5系统,请一定要查看

插件背景

本作者是十几年的PHP后端开发者,偶尔前端忙不过来的话也兼一些前端工作,后来微信小程序出来后直接上手小程序开发,也发过几个小程序开发教程。一个偶然的机会我们的前端使用uniapp开发了一个项目,然后我们也都开始了uniapp开发之旅。但也仅是作为一个前端框架使用,后端还是使用我们自己的PHP系统。

直到最近看到uniCloud的逆天介绍:什么是uniCloud

关键有三点:免费免费免费,云函数,云数据还有前端网页托管,都是免费

这对大部分创业前期的项目来说很重要,因此萌生了要把公众号需要所的后端全部修改为云函数的想法,看能不能不依赖服务器的情况完成公众号的H5全部功能

最近刚好需要一个实际运营公众号项目,决定使用uniCloud作为后端开发,虽然目前插件库很丰富,号称能减少很多重复造轮子的工作,但这些造好的轮子大多是给小程序用的,开发公众号的话还是要自己造轮子,很多基础的功能都没有现成的插件可用。

本着人人为我,我为人人的原则,给大家提供这个插件,这将大大减少大家的开发时间,大家不用再重复造轮子了

插件技术框架介绍

前端使用uniapp开发,这是一定的。

后台使用uniCloud的云函数,数据库也是uniCloud的云数据库

公众号H5前端有使用到uni-id用户体系,用到uni-center-config配置中心

为是免费到底,代码放到uniCloud里的前端网页托管,据说它不经过web server,页面和资源直接上cdn,就近访问,速度贼快!!^_^

要开发,我只认dcloud系列,哦耶!^_^

插件功能介绍

本次要开发只有一个表单界面:

功能非常简单,没有复杂的业务逻辑,因此很适合大家学习使用。但它却包含了公众号H5开发都会涉及以下几个功能:

1、在网页中获取微信公众号的用户openid

2、通过静默获取用户openid并在uni-id中实现自动完成注册登录等功能,即用户无感知进入系统时就完成了登录操作

3、从微信中获取用户昵称头像等信息,并保存到uni-id中

4、云函数实现缓存机制,并用来缓存微信access_token等数据

5、实现JS-SDK配置(这是重点和难点),实现自定义分享内容

6、导入uni-ui实现前端用户界面

7、微信支付配置及在网页中实现支付功能

总之,公众号开发涉及的主要功能都涉及了,包括签名失败的问题也搞了两天,各种填坑也没少。因此这个项目模板能省大家很多精力和时间。插件使用教程:使用dcloud全家桶开发公众号H5系统

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问