本人用uniapp做微信公众号开发易错点整理

已于 2023-08-01 12:00:46 修改
阅读量452 收藏 1
点赞数
分类专栏： uniapp 文章标签： uni-app
于 2023-07-31 17:51:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wai_leung/article/details/132026844
版权

近期因业务需要对接微信公众号的功能，以此文记录自己实践中一些易错点

1、公众号设置JS接口安全域名
不带http://或https://，微信提供的txt要放到\unpackage\dist\build\h5的根目录下打包上传到服务器。

2、分享给朋友和朋友圈
wxUpdateAppMessageShareData和updateTimelineShareData，即自定义“分享给朋友”及“分享到QQ”按钮的分享内容和自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容功能，数据填齐了，用原来的链接打开网页，在微信里分享给朋友，结果还是没有样式的，只见到链接。
以为哪里出问题，检查了几次，又将微信提供的旧接口接上去，问题依旧，后来想来想去，将链接发到公众号，在公众号里打开，分享就正常了。

3、注意区分jsapi_ticket与公众号服务器配置的参数签名算法排序

待续

Lcwai
关注
专栏目录
若依与Uniapp之微信公众号免密登录
与海
07-05 363
如果不缓存并且用户还没绑定到系统,此时用户手动登录时获取不到openid,导致用户系统账号不会和微信openid绑定。控制台输入encodeURIComponent(‘url地址’),复制出返回的字符串即可,单引号别复制。为什么免密登录获取到openid需要缓存在redis五分钟?打开谷歌浏览器的调试控制台。
uniapp微信公众号h5微信授权登录
码农键盘上的梦
08-12 1万+
uniapp微信公众号h5微信授权登录
uni-app开发微信公众号
weixin_45121497的博客
04-28 3033
借鉴：https://blog.csdn.net/weixin_41652495/article/details/130313035。（2）就是js安全域名的问题（没有在当前设置域名下访问项目SDK会调用失败，就是本地调试SDK一般会有问题）2、调试可用：微信开发者工具=》公众号网页项目（打开微信开发者工具=》设置=》安全=》开启服务端口）：当前台绑定自己微信号为开发者前，我们微信需要关注公众平台安全助手，并打开信息接收功能。（1）jsapi_ticket获取方法：（注意把本地IP放入白名单）
uni-app微信公众号支付.vue
08-01
//微信充值 //支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + '/wx/mp/js_sig.do', data: { route: url }, method: 'GET', success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填，公众号的唯一标识 timestamp: res.data.timestamp, // 必填，生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填，生成签名的随机串 signature: res.data.signature, // 必填，签名 jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表 }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + '/wx/recharge/pay.do', method: 'POST', header: { 'Content-type': "application/x-www-form-urlencoded", }, data: JSON.stringify(data), success: function(res) { alert("下单成功"); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync('orderId', res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, // 支付签名 success: function(e) { alert("支付成功"); alert(JSON.stringify(e)); // 支付成功后的回调函数 } }); } }) }); jweixin.error(function(res) { // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 console.log("验证失败！") }); } }) }
前端微信支付（uniapp、小程序、公众号H5、app）
我们好像在哪见过 私
08-24 1410
登录：调用uni.login/wx.login调用微信接口，获取code，调用后端后台获取openid； 订单：调用后端接口获取订单ID，再调用后端接口传入openid、商品id、商品单价、商品数量等参数获取预支付的重要参数（时间戳timeStamp，随机字符串nonceStr，预支付id package，签名算法signType，签名paySign） 支付：调用uni/wx.requestPayment微信支付方法，传递5个重要参数，获取支付结果（成功或失败） H5支付因为无法直接调用微信api，需要通过
uni-app开发微信公众号H5
weixin_55737887的博客
03-29 2824
公司最近需要开发一个公众号项目,以我做小程序的经验以为可以轻松拿下，结果走了一路的坑。
uniapp 开发公众号 h5（openid，微信支付，订阅通知）
两个人的幸福online
08-05 772
【代码】uniapp 开发公众号 h5（openid，微信支付，订阅通知）
uni-app开发微信公众号H5网页，用微信开发者工具调试公众号
热门推荐
weixin_40466351的博客
09-08 1万+
参考文档： 使用uniapp开发微信公众号（H5页面），用微信开发者工具调试微信公众号 1、根据官网文档，新建入口文件template.h5.html 官网文档 template.h5.html 直接复制过来就可以 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
Uniapp 移动端（本案例为H5微信公众号）开发指南
CSDN13150553010的博客
08-30 3389
package.json 下加入自定义配置,其中uni-app 下的weixin_h5_dev weixin_h5 即为自定义配置（用于发行和本地调试区分）实现代码不同环境下自动编译（可保留两段不同代码）比如该token为本地调试和线上环境不同，代码段加入配置后可实现在调试或打开选择不同环境即可自动编译代码，无需注释或者删除原有另一端环境下的代码。原理是截区公众号菜单的URL中的code(动态)，然后根据code 置换token（区别于小程序的直接后台返回code 置换完成认证）
微信公众号开发 实现点击返回按钮就返回到聊天界面
08-31
本文分享了微信公众号开发实现点击返回按钮就返回到聊天界面的示例代码。需要的朋友一起来看下吧
最新具3.2微信公众号采集工具源码 微信公众号文章批量下载工具源码
10-13
是一款由吾爱破解论坛用户开发的微信公众号文章批量下载工具， 软件为绿色版，无需安装，解压后双击即可使用。支持下载微信公众号的历史消息，可以保存文章为html/md/pdf/docx文件。软件支持单篇下载和批量下载，...
微信公众号多域名回调系统 微信公众号多域名回调功能：微信公众号后台默认只能授权2个网页域名，用本系统突破这个限制，用同一个公众号
09-13
这是一款基于ThinkPHP6.0开发的微信公众号多域名回调系统。本系统有如下功能： 微信公众号多域名回调功能：微信公众号后台默认只能授权2个网页域名，用本系统突破这个限制，用同一个公众号对接无限多个网站。网站...
uniapp微信公众号h5开发--（微信开发回调、背景音乐自动播放、微信朋友分享、微信扫一扫）一站式踩坑
yang_xin__的博客
03-17 1789
微信授权登录、背景音乐自动播放、微信朋友分享、微信扫一扫
uniapp开发微信公众号登录
巴博尔的学习博客
03-25 508
【代码】uniapp开发微信公众号登录。
uni-app 开发微信公众号Bug记录，优化记录
高光的博客
10-14 635
流程方案 重定向静默授权 ios 使用 location.href 跳转返回空白页 内部页面跳转 需使用Router跳转 this.$Router.push({ path: '/' + randomString(3) + aliasPath + randomString(3)+`?awaid=${id}`,params:{}}) 外部页面跳转 window.history.pushState({},null,document.URL) window.addEventListener('popstate',
uniapp 开发微信公众号页面踩坑
sry18330686237的博客
08-12 2698
uniapp 开发公众号微信
uniapp 开发微信公众号--网页授权，小白入门
rookieWeb的博客
05-07 1万+
uniapp开发微信公众号也就是H5,但是微信公众号在做用户管理（需要登录，获取用户信息等需要微信号的openId）,作为一个入门小白，真是困难重重。翻看微信公众号官方文档，知道微信公众号对网页授权有两种方式：一种是静默授权，用户无感知，但无法获取用户的基础信息，如果要想拉取到用户信息，则需要使用另一种授权方式，由于这种方式涉及到隐私，所以需要用户同意才行。 **:::::::????*我只需要获取op...
uniapp开发微信公众号h5，实现静默授权获取用户openid的本地调试（公众号开发如何本地调试）
最新发布
weixin_43420127的博客
10-22 1079
启动后，访问https://xiaotuxxx.xx.cc也可以看到xxxx.txt的文件内容，说明内网穿透没问题。最后，启动uniapp项目，在微信开发者工具访问内网穿透域名https://xiaotuxxx.xx.cc即可实时本地调试微信公众号h5了。接下来，登录公众号，把https://xiaotuxxx.xx.cc填到网页授权域名即可添加授权域名了。验证xxx.txt文件完成网页授权域名后，输入命令nginx -s stop暂停xxx.txt文件映射。，你应该能看到xxxx.txt的文件内容。
如何在uni-app内开发微信公众号（H5）JSSDK
Snowprincev的博客
09-01 8761
微信公众号踩坑
uniapp开发微信公众号
06-08
然后在开发过程中，可以使用Uniapp提供的插件和API来实现微信公众号的相关功能，比如获取用户信息、调用微信支付、分享等。需要注意的是，在开发过程中需要遵守微信公众号的开发规范和要求，避免违规操作导致账号被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Lcwai

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值