微信小程序开发（二）微信小程序的调试和发布

最新推荐文章于 2024-08-14 14:16:02 发布
最新推荐文章于 2024-08-14 14:16:02 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序 小程序 发布微信小程序 调试微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Morris_/article/details/128826486
版权
文章详细介绍了微信小程序的调试、预览方法，包括通过二维码在手机上预览和电脑端直接预览。在代码上传后，会生成sourcemap.zip，其中的app-service.js.map用于调试。版本管理中，开发版本可上传并选择是否发布为体验版。审核通过后，小程序将可在微信内搜索到。
摘要由CSDN通过智能技术生成

调试

  • 编译和预览

预览
在这里插入图片描述
点击预览
在这里插入图片描述
可以使用微信扫描二维码，在手机上安装测试版小程序

或者点击自动预览，可以连接手机微信或者直接在电脑端打开小程序预览。

发布

  • 上传代码，发布项目
  1. 【工具】- 【上传】
    在这里插入图片描述
  2. 确定
    在这里插入图片描述
  3. 编辑版本号和描述，点击上传
    在这里插入图片描述
  4. 上传成功
    在这里插入图片描述
    “点击下载”会下载下来一个 sourcemap.zip 文件，打开里面

sourcemap.zip -> FULL -> app-service.js.map

这个app-service.js.map是什么？做什么用的？如果是个安装包的话怎么安装？

  1. 版本管理

登录微信小程序后台，点击【管理】-【版本管理】，在开发版本下已经生成了一个新的版本，说明我们已经上传成功。

在这里插入图片描述
也可以选为体验版本，不选择发布正式版

  1. 提交审核

审核通过之后，是不是在微信里面就可以搜索到我们发布的小程序了？

Morris_
关注
专栏目录
Source-map.zip
07-15
Source-map 是一个能够生成和使用源地图格式的开发包。 这个开发包是使用异步模块定义格式编写的，工作在下面的环境中： 现代浏览器支持 ECMAScript 5  内置火狐作为 JSM 文件(after the build) 需要 NodeJS 0.8.X 或更高版本 使用源地图（Consuming a source map） var rawSourceMap = {   version: 3,   file: 'min.js',   names: ['bar', 'baz', 'n'],   sources: ['one.js', 'two.js'],   sourceRoot: 'http://example.com/www/js/',   mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA'};var smc = new SourceMapConsumer(rawSourceMap);console.log(smc.sources);// [ 'http://example.com/www/js/one.js',//   'http://example.com/www/js/two.js' ]console.log(smc.originalPositionFor({   line: 2,   column: 28}));// { source: 'http://example.com/www/js/two.js',//   line: 2,//   column: 10,//   name: 'n' }console.log(smc.generatedPositionFor({   source: 'http://example.com/www/js/two.js',   line: 2,   column: 10}));// { line: 2, column: 28 }smc.eachMapping(function (m) {  // ...}); 标签：Source 分享 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": [], "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' ~(-new Date() / 36e5)];\r\n \r\n \r\n \r\n \r\n \u8f6f\u4ef6\u9996\u9875\r\n \u8f6f\u4ef6\u4e0b\u8f7d\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\nwindow.changyan.api.config({\r\nappid: 'cysXjLKDf', conf: 'prod_33c27aefa42004c9b2c12a759c851039' });
谷歌浏览器调试微信H5网页或者微信小程序的方法
热门推荐
qq_35430000的博客
04-28 1万+
5、点击对应网页或者小程序 inspect 即可出现调试栏，然后像正常调试页面即可，小程序可以打开webview嵌套的h5页面，这样就能打开调试模式，看到接口请求、图片等调用情况。1、首先USB数据线连接手机进入调试模式。等待一会儿 （浏览器需要具备翻强功能）确定是否可以用（能打开就能用）3、微信上打开你需要调试的页面。4、谷歌浏览器地址栏输入。
小白学习微信小程序开发的调试技巧
最新发布
m0_75244442的博客
08-14 348
通过使用开发者工具、console.log、断点调试、页面跳转参数和wx.request等调试方式，我们可以方便地进行微信小程序的开发和调试。希望以上内容对您有所帮助。在上面的代码中，我们在页面A中使用了wx.navigateTo函数跳转到页面B，并传递了一个名为message的参数。三、使用断点调试 在开发者工具中，我们还可以使用断点调试的方式进行调试。在上面的代码中，我们使用wx.request函数发送了一个GET请求，并在成功回调函数中使用console.log输出了返回结果。
小程序线上调试优化
浩星
09-01 3564
小程序线上调试优化
微信小程序如何开发，调试技巧，对程序员小白来说太重要了
Web3 & Basketball
07-28 4489
简要介绍一下微信小程序开发的基本流程和一些常用组件，供你参考。在实际开发过程中，你可以根据需求选择合适的组件和 API 进行开发。
微信开发者工具 Source Map 的使用
樊小书生
12-11 5663
在小程序后台 -》开发管理 -》运维中心 -》 错误日志 中可以看到小程序运行中的报错信息，但是代码都是压缩混淆的，那就需要如何去定位，下面说明说如使用微信开发者工具 Source Map。 下载微信开发者工具 微信开发者工具 下载sourceMap文件 在小程序后台 -》开发管理 -》运维中心 -》错误日志 可以下载线上最新版本的 Source Map 文件。 下载的 sourceMap 的目录和文件说明： 1. `APP` 是主包，`FULL` 是整包（仅在不支持分包的低版本微信中使用），其他
微信小程序点餐系统微信小程序开发实战
06-07
小程序基于JavaScript、WXML（微信小程序标记语言）和WXSS（微信小程序样式语言）进行开发，可以调用微信提供的API实现丰富的功能。 二、点餐系统需求分析 点餐系统需具备以下功能： 1. 菜单展示：展示餐厅菜品，...
微信小程序开发-闹钟小程序
05-13
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装...通过实际项目实践，开发者不仅可以提升小程序开发技能，也能更好地理解和掌握微信小程序的特性和应用场景。
微信小程序 实例汇总 完整项目源代码
11-01
这个压缩包中的实例项目，涵盖了以上诸多方面，对于想要深入理解和掌握微信小程序开发的人员来说，是极好的学习材料。通过分析和运行这些示例，你可以了解到实际项目中的最佳实践，提升你的小程序开发技能。
Python 开发者的微信小程序开发实践.pdf
05-06
对于熟悉Python的开发者来说，虽然微信小程序主要采用JavaScript作为开发语言，但依然可以通过一些工具和框架实现Python与微信小程序的结合。以下是一些关于Python开发者进行微信小程序开发实践的关键知识点： 1. *...
怎样调试微信小程序
asdaddsd的博客
09-25 5761
HTTPS的外网访问地址，这时就可以开始微信小程序调试了。，实现将用户本地的HTTP服务映射成为外网的HTTPS地址。，然后下载微信Web开发者工具安装，启动开发者工具就可以进行编辑调试项目。打开微信开发者工具，在需要调试的项目中，添加URL为映射好的HTTPS地址。是在服务器本机使用映射的，推荐填写127.0.0.1格式。，在request合法域名处，填写已映射好的HTTPS地址。对于微信小程序开发者来说，申请注册微信小程序门槛低。可以让用户轻松实现微信小程序应用。按照页面的提示，填写相应的信息。
关于uniapp搭建小程序真机调试时路由报错query未定义的解决方法
Afterschoool的博客
10-27 502
在最开始时是使用的钩子拿到页面跳转时传过来的id，但并不适合微信小程序，则会报错query未定义，在路由中将query定义为默认也无法解决，但将它换乘onLoad的时候则错误解决。// 获取路由参数中的Id。
android调用微信程序,Android如何测试微信小游戏&小程序？
weixin_36033417的博客
05-26 284
“微信小游戏性能评测标准建立的初衷是希望能引导开发者优化相关性能数据，提升用户体验。评测标准根据小游戏整体的性能数据表现、玩家体验评价，结合操作系统、机型分档、网络条件等多种维度建立。”PerfDog作为移动全平台性能测试分析工具，开发者可以利用PerfDog进行性能数据获取及分析，提升小游戏&小程序的性能和品质。以下将通过详细的操作指引，手把手教大家如何利用PerfDog测试微信小游戏&...
小程序开发调试指南
IoT砖家
03-31 2131
一些线上问题需要在真机中进行调试或日志输出，为方便查看前端日志的输出，App 端提供了调试模式, 打开调试模式后面板界面中会显示 vConsole 按钮，点击后可打开手机端 vConsole界面查看日志输出。
微信小程序真机调试步骤
weixin_48952990的博客
07-02 4137
微信小程序真机调试步骤
uniapp 微信小程序sourcemap映射
qq_42880714的博客
06-24 3205
由于微信小程序中没有window对象，不能通过和方法进行全局的监听。不过我们也可以使用以下几种方法。
微信小程序开发实战指南
在微信小程序开发入门基础教程中，首先需要理解小程序的开发流程和基本概念。微信小程序是一种轻量级的应用形态，用户无需下载安装即可使用，它通过微信平台运行。要开始开发微信小程序，你需要完成以下步骤： 1. *...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Morris_

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值