首页 > 编程知识 正文

微信平台搭建与开发,搭建一个微信小程序

时间:2023-05-06 01:48:58 阅读:141408 作者:133

微信生态小程序和公众号的开发已经成熟,多为网上攻略,对微信开发者工具的支持也很完善。 但是,在企业微信的APP开发中,可以检索的信息要少得多。 除官方文档外,网上资料大部分涉及接口调用问题,当然也有一部分提到了企业微信APP的开发调试问题。

其实在开始开发网络APP之前,我有几天探索过企业微信小程序的开发。 去年,微信开发者工具IDE提供了“企业微信小程序插件”,可以在模拟器中调试大多数界面应该很方便。 但是,与小部分场景相关的还是不行,必须用实机调整。 这里补充几个,企业微信和个人微信在使用/唤醒APP应用程序的方式上有很大的不同。 在企业微信中,加载APP应用程序的“场景”是非常重要的信息,例如可以从工作台、聊天附件或边栏访问。 通常,导入的页面或页面的内容取决于访问方法,无法通过模拟器模拟场景。 最好是将APP首先放入一个基础版(只需要几个控件,无需逻辑即可实现),然后在企业网站的后台关联小程序,在体验版上进行实机调试。

之后,小程序这条路没有继续下去。 主要原因是我们要开发的是与聊天双方有很强关联的APP应用,在聊天边栏中有所展示。 小程序直接弹出独立窗口,大眼睛的春天与聊天的日子联系非常弱,可能适合工具类和弱交互的APP类型。

在返回网络APP的途中,我发现是个大洞。 模拟器,没有各种约束限制。 搜索各种文章后,我觉得不能彻底理解“如何轻松开发和调试企业网络APP”的问题,缺乏可操作、步骤清晰的指导方针。 几年前(16年后)有了“微信企业”的开发。 这是企业微信的早期版本,也存在开发调试困难的问题(可知四五年后也不会有大的变化)。 能在网上搜索相关报道,也给了我很多帮助。

本文的目的是记录我自己的环境构建过程,保存文件。 希望网民也能给出想法。

诉求1 .企业微信客户端的APP应用绑定到我的本地开发环境,而不是生产环境

2 .可通过企业微信客户端实现前后端码调试,实现中断点

准备工作1 .在ICP注册的域名(使用说明-参考企业微信附件() ) ) ) )。

2 .准备用于内部网渗透的工具(我选择的是基于ngrok的natapp ),为公开本地端口服务创建通道

说明:内网渗透工具很多,有免费/付费的,也可以自己构建。 我花钱买的(每月不到10元),带宽共享,但足以开发。 为什么没有使用免费,主要原因是大部分免费不能提供固定域名,会不定期更改。 每次更改都必须在服务器上修改nginx配置,非常麻烦。

此外,请注意,许多工具都要求域名注册的云服务提供商(AlibabaCloud (阿里巴巴云)或tenserver )具备额外的配置步骤,如果不是服务商。

3 .在服务器上安装nginx,将80个端口代理为内部网渗透工具提供的域名

4 .您现在应该可以访问您的APP应用程序域名并看到本地服务正在正常运行

5 .企业网站PC客户端安装

步骤1 .登录企业网站管理后台,在APP应用管理下添加APP发布,并配置“web许可证和js SDK”(oauth 2.0按需配置)。 按照提示下载验证文件,将文件放置在APP应用程序根目录下,然后单击“验证”。

描述:必须对APP应用程序进行打包,然后在http服务器上启动服务,并启动intranet渗透工具。 如果验证成功,就可以返回开发模式。

2 .在企业微信管理后台,在APP应用管理下添加APP应用入口。 例如,边栏等。

3 .使用PC客户端验证页面是否正确显示。 如果没有,请尝试使用浏览器输入域名。 如果浏览器也没有,则检查内部网渗透和反向代理配置; 如果在浏览器中,请验证在步骤1中设置的域名是否正确,以及在步骤2中为门户指定的页面链接是否正确。

4 .在PC客户端上,按shift Ctrl Alt D打开调试模式。 然后,您可以返回到APP应用程序页,右键单击并选择“检查元素”以进入调试工具。 与chrome开发者工具相同。

5 .至此完成

前端的调试有三种。

1. PC客户端

最完善,可以调试场景相关的api。 缺点是调试工具与chrome稍有不同,而且每次更改代码时,都需要手动单击几次以重新进入APP发布页面,并且无法直接更新

2 .微信开发工具公众号页面

比PC客户端方便。 支持大多数api,但无法调试与场景相关的api

3 .浏览器

无法调试与场景相关的api。 此外,js文件的导入方法也会产生影响。 虽然不知道原因,但是自己尝试一下,用cdn部署是不成功的,所以可以本地下载。 (注:我用了uniapp。 它内置了一个名为wx的对象。 虽然在网上发现有人用jWeixin代替wx解决了这个冲突,但是我的jWeixin没有被定义。 )

此外,浏览器还可以模拟微信内置的浏览器。 需要配置UA。 请参考这篇文章:在_chrome (谷歌浏览器)中模拟wechat内置浏览器_kwdxmt的猫-CSDN博客_chrome模拟wechat内置浏览器的设置完成后,某些api调用将

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。