uni-app开发微信公众号

已于 2023-04-28 11:18:56 修改
阅读量2.6k 收藏 7
点赞数
文章标签： uni-app 微信 vue.js webstorm
于 2023-04-28 11:16:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45121497/article/details/130422397
版权

一、公众号JSSDK使用

【1】验证后端返回的签名是否正确

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

        （1）jsapi_ticket获取方法：（注意把本地IP放入白名单）

1）

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

2）

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

（2）就是js安全域名的问题（没有在当前设置域名下访问项目SDK会调用失败，就是本地调试SDK一般会有问题）

使用测试号来验证本地sdk代码：

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login（通过里面给的appID和appsecret去微信JS接口签名校验工具获取签名参考第一点）

借鉴：https://blog.csdn.net/weixin_41652495/article/details/130313035

二、项目调试

1、开发前必须要把本人微信号邀请为开发者：微信公众平台 (qq.com) 

      注意点：当前台绑定自己微信号为开发者前，我们微信需要关注公众平台安全助手，并打开信息接收功能

2、调试可用：微信开发者工具=》公众号网页项目（打开微信开发者工具=》设置=》安全=》开启服务端口）

 

 

媆媆_
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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微信公众号）开发指南
CSDN13150553010的博客
08-30 2234
package.json 下加入自定义配置,其中uni-app 下的weixin_h5_dev weixin_h5 即为自定义配置（用于发行和本地调试区分）实现代码不同环境下自动编译（可保留两段不同代码）比如该token为本地调试和线上环境不同，代码段加入配置后可实现在调试或打开选择不同环境即可自动编译代码，无需注释或者删除原有另一端环境下的代码。原理是截区公众号菜单的URL中的code(动态)，然后根据code 置换token（区别于小程序的直接后台返回code 置换完成认证）
uni-app开发微信公众号H5
最新发布
weixin_55737887的博客
03-29 1009
公司最近需要开发一个公众号项目,以我做小程序的经验以为可以轻松拿下，结果走了一路的坑。
本人用uniapp做微信公众号开发易错点整理
梁小Wai的技术博客
07-31 327
wxUpdateAppMessageShareData和updateTimelineShareData，即自定义“分享给朋友”及“分享到QQ”按钮的分享内容和自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容功能，数据填齐了，用原来的链接打开网页，在微信里分享给朋友，结果还是没有样式的，只见到链接。以为哪里出问题，检查了几次，又将微信提供的旧接口接上去，问题依旧，后来想来想去，将链接发到公众号，在公众号里打开，分享就正常了。近期因业务需要对接微信公众号的功能，以此文记录自己实践中一些易错点。
uniapp微信公众号h5端分享
2201_75870706的博客
06-06 6379
uniapp微信公众号分享 好友 、朋友圈
如何在uni-app内开发微信公众号（H5）JSSDK
Snowprincev的博客
09-01 8197
微信公众号踩坑
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、小程序、移动app
起风啦
05-04 1583
uniapp 官网 官网：https://uniapp.dcloud.io/ uniapp页面 页面布局：flex display、flex-direcoration、align-center、justify-content、align-item 字体图标：阿里图标库 App.vue 全局引入 网站：https://www.iconfont.cn/ 开发标签： view image text button 标签属性： line-gradient word-wrap 模块组件：（https:
uniapp 开发微信公众号页面踩坑
sry18330686237的博客
08-12 2505
uniapp 开发公众号微信
uniapp微信公众号h5开发--（微信开发回调、背景音乐自动播放、微信朋友分享、微信扫一扫）一站式踩坑
yang_xin__的博客
03-17 1606
微信授权登录、背景音乐自动播放、微信朋友分享、微信扫一扫
Java 开源商城系统SaaS多租户基于 uniapp开发微信小程序、微信公众号、H5 移动端，未来会支持支付宝小程序、抖音小程
12-22
基于 uniapp 开发，支持微信小程序、微信公众号、H5 移动端，未来会支持支付宝小程序、抖音小程序等 支持 SaaS 多租户，可满足商品、订单、支付、会员、优惠券、秒杀、拼团、砍价、分销、积分等多种经营需求 Java 后端：master 分支为 JDK 8 + Spring Boot 2.7.18，master-jdk21 分支为 JDK21 + Spring Boot 3.2.0 管理后台的电脑端：Vue3 提供 element-plus、vben(ant-design-vue) 两个版本，Vue2 提供 element-ui 版本 管理后台的移动端：采用 uni-app 方案，一份代码多终端适配，同时支持 APP、小程序、H5！ 后端采用 Spring Boot 多模块架构、MySQL + MyBatis Plus、Redis + Redisson 数据库可使用 MySQL、Oracle、PostgreSQL、SQL Server、MariaDB、国产达梦 DM、TiDB 等 消息队列可使用 Event、Redis、RabbitMQ、Kafka、RocketMQ 等 权限认证使
uniapp H5集成微信JS支付
03-26
uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。
uni微信公众号开发支付
01-29
uniapp项目，需要放到node-model下直接使用， 微信公众号开发文档/微信网页开发 /JS-SDK说明文档
uniapp开发的H5禁止公众号右上角菜单三个点功能.zip
11-19
uniapp开发的公众号H5，隐藏掉微信浏览器默认的属性和分享属性
uniapp微信h5授权获取用户openId的方法和步骤，用于用户登录和注册
01-26
微信h5授权获取用户openId的方法和步骤，用于用户登录和注册，代码已经封装好，下载就能用
uni-app之微信支付.zip
07-28
本案例使用了uni-app技术完成了微信支付的基本功能，包括APP支付，小程序支付，PC端扫码支付，H5支付，公众号支付。
uni-app微信小程序登录授权的实现
11-20
微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点： 首先是需要用到一个授权按钮来触发获取用户信息授权： 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件，把获取授权...
Django1.11配合uni-app发起微信支付的实现
12-26
Django1.11配合uni-app发起微信支付！ 经过三天的断断续续的奋战，我终于是干动了微信支付。为了以后不忘记，现在来一篇教程，来来来，开干！！！ 一、准备阶段 1、准备阶段我们需要去微信官网申请一个小程序或者...
uniapp开发微信公众号
06-08
Uniapp可以用来开发微信公众号，需要在Uniapp的项目中选择微信公众号作为目标平台。然后在开发过程中，可以使用Uniapp提供的插件和API来实现微信公众号的相关功能，比如获取用户信息、调用微信支付、分享等。需要注意的是，在开发过程中需要遵守微信公众号的开发规范和要求，避免违规操作导致账号被封禁。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值