uniapp开发微信公众号，uniapp公众号本地调试，本地开发

已于 2023-03-24 13:18:51 修改
阅读量1.6k 收藏 12
点赞数 1
文章标签： uni-app vue.js Powered by 金山文档
于 2023-03-24 11:16:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jueshileqishou01/article/details/129746808
版权

uniapp开发微信公众号，有一个痛点，就是每次要发布到线上，然后debug,效率低。

解决办法：查了很多百度==（参考在本地调试微信页面，只需三步 - 知乎 (zhihu.com) (37条消息) uniapp 项目中 报错Invalid Host header时该如何处理_gaoqiang1112的博客-CSDN博客）

  1. 微信公众号绑定一个域名，

  1. 本地host文件修改：

一般在这个目录C:\Windows\System32\drivers\etc

  1. 这步很重要，针对uniapp框架

manifest.json这个文件中，

  1. web配置端口为80(域名默认端口是80啊)，

  1. 点击源码视图，"disableHostCheck" : true （这一步最重要，因为再vue.config.js中配置这个，大概率没用，当然也可以再vue.config.js中添加这行，以防万一情况==）

  1. 最终效果如下图

4.打开微信开发者工具，就可以调试本地代码了（如果没有权限，要再微信web开发者中添加当前账号）

5.如果遇到ip无法刷新，cmd使用命令： ipconfig/flushdns

jueshileqishou01
关注
若依与Uniapp之微信公众号免密登录
与海
07-05 350
如果不缓存并且用户还没绑定到系统,此时用户手动登录时获取不到openid,导致用户系统账号不会和微信openid绑定。控制台输入encodeURIComponent(‘url地址’),复制出返回的字符串即可,单引号别复制。为什么免密登录获取到openid需要缓存在redis五分钟?打开谷歌浏览器的调试控制台。
uniapp开发微信公众号授权
m0_53129638的博客
08-20 1843
1、前端去执行 第一步骤：根据appid 跳转https://open.weixin.qq.com/connect/oauth2/authorize微信的这个地址，然后微信把code传过来。 第二步骤：根据code去后台获取用户OpenId，获取到了就直接进入系统了，没有openid跳转到登录页 附：获取页面code的参数 getCode() { if (sessionStorage.getItem("openid") && sessi.
uniapp开发公众号，微信开发者工具进行本地调试
m0_51534164的博客
08-12 1079
uniapp开发公众号，微信开发者工具进行本地调试
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("验证失败！") }); } }) }
uni-app h5 对接微信公众号-隐藏菜单和修改分享朋友及分享朋友圈
最新发布
weixin_45358633的博客
09-25 292
uni-app h5 对接微信公众号-隐藏菜单和修改分享朋友及分享朋友圈
uni-app开发微信公众号
weixin_45121497的博客
04-28 3026
借鉴：https://blog.csdn.net/weixin_41652495/article/details/130313035。（2）就是js安全域名的问题（没有在当前设置域名下访问项目SDK会调用失败，就是本地调试SDK一般会有问题）2、调试可用：微信开发者工具=》公众号网页项目（打开微信开发者工具=》设置=》安全=》开启服务端口）：当前台绑定自己微信号为开发者前，我们微信需要关注公众平台安全助手，并打开信息接收功能。（1）jsapi_ticket获取方法：（注意把本地IP放入白名单）
uni-app开发微信公众号H5
weixin_55737887的博客
03-29 2788
公司最近需要开发一个公众号项目,以我做小程序的经验以为可以轻松拿下，结果走了一路的坑。
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 3347
package.json 下加入自定义配置,其中uni-app 下的weixin_h5_dev weixin_h5 即为自定义配置（用于发行和本地调试区分）实现代码不同环境下自动编译（可保留两段不同代码）比如该token为本地调试和线上环境不同，代码段加入配置后可实现在调试或打开选择不同环境即可自动编译代码，无需注释或者删除原有另一端环境下的代码。原理是截区公众号菜单的URL中的code(动态)，然后根据code 置换token（区别于小程序的直接后台返回code 置换完成认证）
uniapp微信公众号h5微信授权登录
码农键盘上的梦
08-12 1万+
uniapp微信公众号h5微信授权登录
vue或uniapp开发微信公众号使用微信的语音转文字接口
weixin_46003296的博客
12-25 1305
1、打开微信网页开发文档，先看文档 微信官网文档-公众号 2、调用接口前需要验签 3、引入jsdk开始在代码中使用，我在改项目中使用了vant组件，页面中两个图片是录音效果图片，需要更换为自己的图片，接口需要更换成自己的接口，代码中有些事多余的或者重复的代码，可自行删除
uniapp H5微信公众号跳转小程序
weixin_44158197的博客
08-04 2401
第一次记录开发，话不多的说！ 1.引微信js-sdk npm install jweixin-module --save 备注：npm安装自行百度 2.在需要调用的页面中引入 import jweixin from 'jweixin-module' 3.获取jweixin.config注册信息。注册成功提示config:ok ，上线需修改debug: false。 let url = window.location.href.split('#')[0];//要在公众号平台设置JS接.
uniapp开发公众号H5进行本地调试
2401_86332692的博客
07-31 511
本着遇到问题就学习得原则，这一次是在给客户调试公众号分享网页不显示图片文字描述得问题，一进微信开发工具就发现了问题。我这里就不详细说配置公众号得细节了，主要讲怎么把线上域名映射到本地开发。
uniapp 开发公众号 h5（openid，微信支付，订阅通知）
两个人的幸福online
08-05 749
【代码】uniapp 开发公众号 h5（openid，微信支付，订阅通知）
uniapp 开发微信公众号页面踩坑
sry18330686237的博客
08-12 2693
uniapp 开发公众号微信
如何在uni-app内开发微信公众号（H5）JSSDK
Snowprincev的博客
09-01 8749
微信公众号踩坑
uniapp开发微信公众号(H5)分享功能
巴博尔的学习博客
03-25 1531
【代码】uniapp开发微信公众号(H5)分享功能。
uni-app 开发微信公众号Bug记录，优化记录
高光的博客
10-14 633
流程方案 重定向静默授权 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',
uni.app 开发微信小程序获取公众号code以及openId
李特成的博客
07-17 1011
uni.app 开发微信小程序获取公众号code以及openId 2 H5页面 放在服务器 通过域名 https://www.****.com/h5 可以直接访问 3.nginx服务器配置 4.小程序配置业务域名,需下载文件和配置,配置方式如上图
uniapp 开发h5 登录微信公众号怎么联调
08-10
总结：在uniapp开发H5登录微信公众号的联调过程中，需要进行微信开发者账号和相关配置的准备，配置相关插件和设置，前端与后端的联调，以及进行测试和调试。通过这些步骤，可以实现在uniapp项目中登录微信公众号并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值