找回密码
 立即注册

QQ登录

只需一步,快速开始

Erik.Xue 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2023-6-27 17:01  /   查看:5271  /  回复:0
本帖最后由 Erik.Xue 于 2023-6-29 16:25 编辑

微信小程序,相信大家都用过,那么用活字格做的应用或系统能否也放在微信小程序中供用户访问使用呢?


答案是,当然可以~

未命名文件.png



活字格如今作为一款如此强大的专业低代码开发工具,嵌入小程序当然也是洒洒水啦。

那今天就为大家带来活字格嵌入微信小程序的解决方案~~~

一、前期准备

我们都知道,不打无准备之仗,所以,在开始之前我们要先进行一些准备工作。

需要准备的如下:
  • 活字格设计器
  • 活字格服务管理器
  • 可供外网访问的服务器
  • 备案后的公网域名
  • 微信开发者工具
  • 微信小程序
  • 测试手机
  • 代码编辑器(可选)


OK,接下来详细说明下以上需要准备的内容:

1、活字格设计器,当前测试使用的活字格设计器版本为9.0.4.0
2、活字格服务管理器,和设计器版本保持一致,版本为9.0.4.0
3、可供外网访问的服务器,为了测试方便,我使用的是活字格云,即自带部署的域名及服务器环境;
4、备案后的公网域名,需要自行在域名服务商中购买并进行备案,一般推荐在阿里云、腾讯云或华为云上购买域名服务,并进行正规备案后和服务器进行DNS解析绑定即可,这里用做测试使用了活字格云,所以这一步省略;
5、微信开发者工具,用于调试微信小程序,可在微信官方下载安装:微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)
6、微信小程序,需要提前在微信小程序官网进行注册,这里会有一些微信官方的限制,后面会在对接过程中具体进行说明;
7、测试手机,建议IOS系统和安卓系统手机各准备一部用于真机测试;
8、代码编辑器(可选),微信开发者工具本身提供代码书写能力,如不符合个人编码习惯,可借助其他专业代码编辑器,如VS code、IDEA等。

二、微信小程序注册

大家准备好以上所需要的环境后,接下来就和大家说明一下微信小程序的注册及相关注意事项。

来到微信小程序的注册地址:微信小程序
image.png789177856.png


填写对应的注册信息,并进行注册,这里需要注意的是:
微信小程序一定要注册为非个人小程序,微信针对此有限制:如果为个人小程序,则web-view在个人类型小程序中无法使用,具体可以参考微信文档:web-view | 微信开放文档 (qq.com)

image.png439801635.png


账号注册完成后,在左侧菜单中选择《开发》---《开发管理》---《开发设置》中,拿到AppID(小程序ID)和AppSecret(小程序密钥)
image.png469500426.png


接着在下面《服务器域名》中配置request合法域名,这里的request合法域名需要填写的是上面准备活字格应用发布后的备案合法域名。
image.png73264769.png


除此以外,还要配置对应的《业务域名》,这里的域名还是配置为已备案的https域名。
image.png725701598.png


配置这个域名时,需要下载一个txt的校验文件,然后把这个文件放在域名根目录下,微信验证后就可以了。
image.png392307738.png


三、活字格配置

活字格对接的工程文件下载请戳  -------->>>    微信小程序对接示例工程demo.7z (18.51 MB, 下载次数: 593)

评分

参与人数 2满意度 +10 收起 理由
sz_xd + 5
leilei6120 + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部