使用 uni-app 开发微信公众号时,点击运行到手机或模拟器 使用真机测试时 控制台出现报错信息,真机页面为白屏,未加载成功

项目场景:

场景:

使用 uni-app 开发微信公众号时,点击运行到手机或模拟器 使用真机测试时 控制台出现报错信息,真机页面为白屏,未加载成功


问题描述

遇到的问题:

报错日志信息如下所示:

c 复制代码
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'jWeixin' of undefined
 at  (app-service.js:4377:10)
 at  (app-service.js:4373:12)
 at  (app-service.js:4374:6)
 at  (app-service.js:4376:2)
 at  (app-service.js:5045:30)
 at __webpack_require__ (app-service.js:80:30)
 at eval (<anonymous>:5:15)
 at eval (<anonymous>:210:30)
 at  (app-service.js:3466:1)
 at __webpack_require__ (app-service.js:80:30)

原因分析:

分析:

问题分析:

根据报错信息我们大致可以了解到,是和 jWeixin 有关

而我们是直接使用 Hbuilder 调用 app基座 进行真机测试 微信公众号, 调用 jWeixin 失败。

需要注意的是: 开发 微信公众号时 ,想要使用 真机测试,必须借助 微信开发者工具才能进行真机测试。

解决方案:

提示:这里填写该问题的具体解决方案:

解决方法:

1、首先我们一起来 看下 jweixin:

微信公众平台是国内最大的社交网络平台之一,而我们在开发社交网络应用时,往往需要与微信平台进行集成,这就引入了jweixin1.2这个Javascript SDK。jweixin1.2 是微信公众平台提供的基于微信 JSSDK 的支持,是 Vue.js 目前主流的用于微信公众平台开发的工具。

v-jweixin 是 Vue.js 对 jweixin1.2 的简单封装,实现了对 jweixin1.2 的封装和对 Vue.js 组件化开发的支持,它可以帮助我们更加便捷地进行微信公众平台开发。

2、因为我们 开发 公众号实际上 是需要在微信的 平台下 运行的,所以我们在 使用真机测试微信公众号时,需要安装微信开发者 中的步骤来进行测试。

1)申请微信服务号,进行微信认证;

2)成为开发者:申请成功后,从网页上登录微信公众平台,点击"开发者中心",输入"接

收微信平台转发消息的统一URL"和"TOKEN"提交成为开发者

3)下载微信开发者工具

4)登录账号,使用注册时使用的微信直接扫码登录即可。

5)接下来就是比较关键的一步,就是如何通过开发者工具与自己的项目连接起来,并进入调试模式。只需要将访问你公众号或者项目地址复制到如下截图即可:

6)在手机中打开微信公众号,复制 当前打开的网址

7)将 复制的地址粘贴到 上图中的位置即可,粘贴的地址为 复制地址的前一部分即可。

8)然后我们就可以通过 微信开发者工具进行测试了。

相关推荐
智驱力人工智能3 小时前
基于视觉分析的人脸联动使用手机检测系统 智能安全管理新突破 人脸与手机行为联动检测 多模态融合人脸与手机行为分析模型
算法·安全·目标检测·计算机视觉·智能手机·视觉检测·边缘计算
2501_915106328 小时前
App HTTPS 抓包 工程化排查与工具组合实战
网络协议·ios·小程序·https·uni-app·php·iphone
wanhengidc10 小时前
云手机能够流畅运行大型游戏吗
运维·服务器·游戏·智能手机·云计算
dcloud_jibinbin10 小时前
【uniapp】小程序体积优化,分包异步化
前端·vue.js·webpack·性能优化·微信小程序·uni-app
2501_9160088910 小时前
金融类 App 加密加固方法,多工具组合的工程化实践(金融级别/IPA 加固/无源码落地/Ipa Guard + 流水线)
android·ios·金融·小程序·uni-app·iphone·webview
2501_9159214311 小时前
Fastlane 结合 开心上架(Appuploader)命令行版本实现跨平台上传发布 iOS App 免 Mac 自动化上架实战全解析
android·macos·ios·小程序·uni-app·自动化·iphone
啦啦91171413 小时前
Niagara Launcher 全新Android桌面启动器!给手机换个门面!
android·智能手机
游戏开发爱好者813 小时前
iOS 上架要求全解析,App Store 审核标准、开发者准备事项与开心上架(Appuploader)跨平台免 Mac 实战指南
android·macos·ios·小程序·uni-app·iphone·webview
00后程序员张13 小时前
混淆 iOS 类名与变量名的实战指南,多工具组合把混淆做成工程能力(混淆 iOS 类名变量名/IPA 成品混淆Ipa/Guard CLI 实操)
android·ios·小程序·https·uni-app·iphone·webview
不一样的故事12614 小时前
iPhone 17 Pro Max 的评测和用户反馈
数码相机·智能手机·iphone