企业⽹页应⽤开发-开发环境搭建
⽣态下的⼩程序和开发已经⽐较成熟，⽹上攻略很多，开发者⼯具的⽀持程度也很完备。但对于企业的应⽤开发，能搜到的信息要少得多。除了官⽅⽂档，⽹上资料⼤部分是接⼝调⽤问题相关的，当然也有部分提到了企业应⽤的开发调试问题。
其实在开始⽹页应⽤开发前，我先摸索过⼏天企业⼩程序的开发。应该是在去年，开发者⼯具IDE中提供了“企业⼩程序插件”，基本上能够在模拟器中调试⼤部分的接⼝，算是⽐较⽅便。但⼩部分跟场景相关的还是不⾏，必须真机调试。这⾥要补充⼏句，企业和个⼈对于应⽤的使⽤/唤醒⽅式，有很⼤的区别。在企业中，应⽤加载时所处的“场景”是⾮常重要的信息，⽐如是从⼯作台、聊天附件还是侧边栏进⼊。通常不同进⼊⽅式，加载的页⾯或页⾯内容是不同的，⽽场景在模拟器中⽆法模拟。最好的⽅式就是把应⽤先上线⼀个基础版（可以只放⼏个控件、没有逻辑实现），然后在企业后台关联⼩程序，⽤体验版进⾏真机调试。
后来⼩程序这条路没有继续。主要原因是我们要开发的是⼀个跟聊天双⽅都强关联的应⽤，在聊天侧边栏展⽰。⽽⼩程序会直接蹦出⼀个独⽴窗⼝，给⼈的感觉与正在聊的天联系⾮常弱，可能更适合⼯具类或弱交互的应⽤类型。创建宽带连接
回到⽹页应⽤的路上后，发现是个⼤坑。没有模拟器、各种约束限制。在搜遍各种⽂章后，我感觉并没
能把“如何⽅便地开发和调试企业⽹页应⽤”这个问题彻底搞明⽩，缺少可操作、步骤清晰的指南。在早⼏年（16年之后）有过⼀波“企业号”的开发，是企业的早期版本，也存在开发调试难的问题（可见四五年过去了，并没有什么⼤变化）。⽹上能搜到相关⽂章，也给了我不少帮助。
本篇⽂章⽬的是记录下我⾃⼰的环境搭建过程，存个档。也希望能给⽹友⼀些思路。
诉求
1. 企业客户端的应⽤绑定我本地的开发环境，⽽⾮⽣产环境
2. 能在企业客户端实现前后端代码的调试，能打断点
准备⼯作
1. ⼀个已ICP备案的域名（要求见）
2. 准备⼀个内⽹渗透的⼯具（我选的是基于ngrok的natapp），创建⼀个通道将本地某个端⼝的服务暴露出去
说明：内⽹渗透⼯具很多，有免费/付费的，也可以⾃⼰搭建。我是花钱买的（每个⽉不到10块），带
触摸屏电脑宽共享但开发够⽤。为什么没有⽤免费，主要原因是免费的⼤部分不能提供固定域名，不定时变更。只要⼀变更就得在服务器上修改nginx配置，⾮常⿇烦。
另外需要注意⼀下，很多⼯具会对域名备案所在的云服务商（阿⾥云或腾讯云）有要求，如果不是⼀个服务商，会有额外的配置步骤。
3. 在服务器上装nginx，将80端⼝代理到内⽹渗透⼯具提供的域名上
4. 访问你的应⽤域名，此刻应该能看到本地服务成功运⾏
5. 安装企业PC客户端
步骤
1. 登录企业管理后台，在应⽤管理下添加应⽤，并配置“⽹页授权及JSSDK”（oauth
2.0按需配置）。按提⽰下载⼀个验证⽂件，将⽂件放到应⽤根⽬录下后，点击验证。
说明：应⽤需要打包后⽤httpserver启动服务，确保内⽹渗透⼯具也是启动的。验证成功后就可以回到开发模式了。
教师节联欢会主持词>梦到大蟒蛇
2. 企业管理后台，在应⽤管理下添加应⽤⼊⼝，⽐如侧边栏之类的。
3. 使⽤PC客户端，查看是否能正确显⽰页⾯。如果没有的话，使⽤浏览器输⼊域名看看。如果浏览器中也没有，检查内⽹渗透和反向代理配置；如果浏览器中有，检查第1步配置的域名是否正确、以及第2步在⼊⼝中指定的页⾯链接是否正确。
4. PC客户端中按shift + Ctrl + Alt + D开启调试模式。之后重新进⼊应⽤页⾯点右键“检查元素”就能进⼊调试⼯具了。跟chrome开发者⼯具差不多。
5. ⾄此搭建完成
橡树前端调试
有三种：
1. PC客户端
什么集成灶好用又实惠⽀持最完备，能够调试场景相关的api。缺点是调试⼯具和chrome相⽐略微不同，⽽且每次改完代码，需要⼿动点⼏下重新进⼊应⽤页⾯，不能直接刷新
2. 开发⼯具的⽹页
⽐PC客户端⽅便⼀些。⼤部分api可⽀持，但⽆法调试场景相关的api
3. 浏览器
⽆法调试场景相关的api，⽽且js⽂件的引⼊⽅式有影响。不知道原因，但⾃⼰试下来，⽤cdn引⼊不好使，下载到本地是可以的。（注：我⽤了uniapp，它内置了⼀个叫wx的对象。⽹上查到有⼈⽤jWeixin替代wx解决了这个冲突，但我的jWeixin未定义。。）
另外，浏览器可以模拟内置的浏览器，需要配置⼀下UA。可参考这篇⽂章： 配置完后，就可以避免某些api调⽤完显⽰“在（企业）中打开”这样的情况了。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论