uni-app 开发微信公众号

最近在用uni-app做一个微信公众号的小项目,遇到了一些让整个开发工作变得非常不愉快的问题。闲暇时间在这里记录一下,希望遇到相同问题的开发者们能一起分享一些经验


问题一 开发过程中,jssdk 网页授权的调试问题

uniapp的开发方式是本地开启一个本地服务,对于页面的修改能直接在本地的localhost调试网址中生效。但是微信中的 jsskd 网页授权是需要绑定安全域名,然后在安全域名中进行各种开发跟调试的。这就导致了在页面中的任何微小的代码调整,都需要打包代码,然后传到服务器上才能看到效果。这就导致一个恐怖的事情发生,任何的微小的调试都需要打包。

问题一 解决方式

我进行各种尝试,最后还是没有找到啥好的解决方法,只能搭了个ftp,打包一次代码,调试一次。所以,请也要用uniapp作为技术栈进行微信公众号开发的同学优先关注这个问题。当然,如果你能接受这么麻烦的开发方式,复杂点倒是无妨。目前我能想到的解决方案就是,下一次如果还是做这种项目,考虑还是直接用之前的网页开发去解决这个问题。

问题二 同一个页面需要通过多次重定向处理不同的业务

uni-app跟微信小程序的大部分api都是非常相似的,在微信小程序中调用一些微信的api,直接调用即可。微信中可以直接下发参数,比如微信登录所需要下发的code。但是对于公众号而言,下发code的方式却变成了url跳转的方式,先拼接好下发code的url,访问以后会通过参数中指定的url下发code。这就导致了,问题1 开发必须得在授权域名中进行.问题2 需要用同一个页面根据不同的参数去处理不同的业务。问题3 因为uni-app是SPA应用,所以跳转过来的url携带的code参数为了不影响后续业务还需要通过跳转的方式干掉。这在我们使用公众号的时候,特别是登录那里明显会感觉页面至少是跳几次的。去登陆,下发code,然后用code换取登录凭证,然后再次登录干掉code。

总结

所以,打算用uni-app开发公众号的项目。得做好处理上面两个问题的准备。或者有更好的方式欢迎赐教。

相关推荐
codeGoogle3 小时前
自研 IM 还是选择第三方 SDK?企业开发者应该如何权衡?
前端·后端·程序员
用户938515635074 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒5 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李5 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
赵大仁6 小时前
生成式 UI 实战:用 JSON Schema + React 动态渲染 AI 界面
前端·ai·react·next.js·前端架构·生成式ui
kyriewen7 小时前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
IT_陈寒8 小时前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李8 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区8 小时前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635078 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js