使用dcloud全家桶开发公众号H5系统

前言及使用dcloud全家桶开发

小韦云科技-区块链+小程序+公众号+商城+分销+直播+企业官网+外贸电商-为您提供优质的开发服务-电话/微信联系:18123611282

插件背景

本作者是十几年的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、微信支付配置及在网页中实现支付功能

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

本文由小韦云原创,转载请注明出处:https://www.bctos.cn/doc/18/1954,否则追究其法律责任

关键词:dcloud uniapp uniCloud 前端网页托管

广告位招商