如何在本地调试使用 Mendix 开发的微信小程序
hankx
2021.10.08 17:44发布于技术 - 集成与扩展
840
提供一种在使用 web-view 来引用部署好的 Mendix 应用开发小程序时,在本地调试的方法。

目前使用 Mendix 开发微信小程序的基本思路是,利用小程序的 web-view 来引用 Mendix 开发的应用,然后在 Mendix 应用中使用微信的 jssdk 来实现小程序的功能。

在实际开发过程中,微信要求 web-view 所应用的网址必须在微信小程序开发平台的业务域名中设置好,需要已经备案的域名,且开启https。

这就导致我们在开发的时候,必须先把 Mendix 应用部署上线,然后才能调试。相当不便且效率低下。

这里提供一种简单易行的方法来实现在本地调试 web-view 中的 Mendix 应用。

其基本思路是将域名映射到本机ip。

  • 在小程序后台设置好业务域名白名单。
  • 在本机 hosts 文件中将这个域名映射到 127.0.0.1
  • 安装 nodejs, 任意版本皆可
  • 安装 local-ssl-proxy npm 包,命令:npm install -g local-ssl-proxy
  • 正常启动你的 Mendix 应用, 应用默认跑在 8080 端口,可以修改,若修改则下一步命令也需要做相应修改。
  • 在命令行里运行命令 local-ssl-proxy -s 443 -t 你 Mendix 应用的本地端口如8080 -n 你的域名
  • 在微信小程序的 web-view 中正常填写你的域名即可,如:https://你的域名

这种方法可以让你在电脑上调试本地 Mendix 应用。在微信 jssdk 中调用时候设置 debug 数为 true,就可以在调用的过程中实时弹框显示调用结果,这就能满足大部分的调试需求。

如果想要真机调试,则可以让手机和电脑连接到同一个WiFi下,然后在电脑上开放相应端口,再修改手机端的 hosts将相应的域名映射到电脑的ip即可。

点击观看教程和视频演示

Andes_云龙
点赞
收藏
手机查看
举报
0个评论
倒序看帖
仅看楼主

暂无数据