uniapp学习（010-1 实现微信小程序上线）

最新推荐文章于 2025-10-15 09:17:42 发布
原创 最新推荐文章于 2025-10-15 09:17:42 发布 · 757 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #学习 #微信小程序 #小程序 #vue #前端 #前端框架

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第111p-第p112的内容

文章目录

微信小程序

微信公众平台配置

先在微信公共平台进行注册
微信公众平台
在这里插入图片描述

选择小程序
个人版功能不全、企业版需要营业执照(功能比较全)。这里演示的是个人版小程序
在这里插入图片描述

后台管理页面
在这里插入图片描述

选择设置
在这里插入图片描述

这里个人版上线注册需要30元，企业版是300元（2024年）

在这里插入图片描述

在这里插入图片描述

记得写清楚服务类目
在这里插入图片描述
开发时需要的appID

在这里插入图片描述

在这里插入图片描述

需要添加的权限在这里更新声明

在这里插入图片描述

在这里配置可以使用的api和图片等信息的地址
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在小程序开发工具里 我们使用的是不校验域名，上线后需要验证

在这里插入图片描述

图片下载地址记得进行配置downloadFile合法域名

在这里插入图片描述

在这里插入图片描述
也可以追加一些其他的网址
在这里插入图片描述

开始打包

将AppID填入mainifest.json文件
在这里插入图片描述

记得勾选上传代码时自动压缩
在这里插入图片描述

点击发行 选择微信小程序
在这里插入图片描述

在这里插入图片描述

打包生成后的代码位置在build下
dev下面的 unpackage/dist/dev/mp-weixin这是开发时候的路径
在这里插入图片描述

上传代码

打包后 会弹出微信开发工具，在这里选择右上角上传按钮进行上传
在这里插入图片描述
这里选择版本升级（后期也可以选择修订补丁等）
在这里插入图片描述

在这里插入图片描述
上传成功
在这里插入图片描述

在微信公众平台查看当前版本
在这里插入图片描述

提交审核等待上线

在这里插入图片描述

提交审核

在这里插入图片描述

这里可以选择是否加急以及更新用户隐私权限

在这里插入图片描述

提交后一般最快两三个小时，最慢一两天进行通过（用户可提交信息、新闻资讯、特殊行业审核较慢，需要七到十天）

收到短信后需要再手动点击一下才可以上线
在这里插入图片描述

上线后可以点击下载二维码，发给其他人让他们扫描后使用
在这里插入图片描述

可以定制化小程序码（扫描后进入特定的页面）
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

uniapp -- 发布微信小程序主包大小超过2M限制解决思路
King Saj
11-21 1721
本文记录一下解决该问题的一个方向，通过分包优化、代码压缩、资源管理等多维度手段，跨越那2M的界限。创建分包目录结构：在项目的根目录下，为每个子包创建一个单独的文件夹，并在项目配置文件app.json中声明这些分包。配置页面路径：确保在app.json中的pages数组里正确引用了分包下的页面路径，使用//格式。优化资源加载：利用分包机制，将图片、音频等静态资源随所属功能一同放入对应子包，减少主包体积。删除冗余代码：定期审查代码库，移除未使用的变量、函数和组件，避免不必要的代码膨胀。
uniapp打包发布微信小程序
yonghuid123453的博客
03-27 1849
uniapp打包发布微信小程序
HBuilder 创建的 Uui-App项目 如何发布到微信小程序
m0_60769905的博客
01-18 1675
2.1 打开HBuilder，点击左上角的"文件"菜单，选择"新建项目"，在弹出的对话框中，选择"Uui-App"项目模板，并输入项目的名称和保存路径，然后点击创建即可完成。4、点击左侧菜单"管理"->"版本管理"，找到提交的小程序版本，然后点击"提交审核"，审核通过后，即可在"审核版本"中申请发布，完成最终的微信发布。打开软件，点击右上角的齿轮"设置"图标，进入设置界面后，点击上方的"安全"选项卡，然后开启服务端口。4.1 点击菜单中选择"发行"->"小程序-微信"将项目发布到"微信开发者工具"
HBuilder实现uniapp微信小程序项目到发布（超级详细）
最新发布
m0_62626838的博客
10-15 2207
本文详细介绍了微信小程序开发的全流程。从开发环境搭建（HBuilderX、微信开发者工具）、项目初始化配置（manifest.json/pages.json），到核心功能实现：包括网络请求封装（环境变量配置、请求拦截与响应处理）、状态管理（Pinia）、UI框架引入（uViewPlus）。最后讲解了小程序发布流程（编译、上传、审核、发布）。重点突出了微信小程序特有的配置项（AppID、域名白名单）和uni-app跨平台开发技巧（条件编译），为开发者提供了从零开始构建微信小程序的完整指南。
uniapp从创建项目到发布微信小程序全流程记录
qq_37057426的博客
05-06 1332
在后台将提交的版本设置为体验版（小程序有正式版和体验版两个版本），扫码就能在微信上看到自己的小程序了，但是别人想要体验是需要管理员通过体验申请的。如果想要小程序发布到正式版是需要备案申请的，可能需要营业主体注册一系列操作。通过uniapp发布到微信开发者工具，微信开发者工具发布到微信公众平台，最后在平台操作发布到体验还是生产。（同理用taro+react开发也是一样，项目启动后，用微信开发者工具监听路径也能在微信开发者工具上运行，然后就是一样的上传发布）。
发布uni-app（发布为微信小程序）
博客
04-17 6735
链接:微信官方文档•小程序•指南•起步•小程序协同工作和发布•发布上线。
uniapp开发微信小程序，从构建到上线
叶落无痕的博客
09-11 5678
本文主要介绍 uniapp 的基础使用，以及使用 uniapp 在企业开发的过程中的一个详细流程，比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考；使用 Hbuildx 配合 Uniapp 框架结合 Uview 的UI框架为大家演示今天的Demo！
uniapp+uview-plus 微信小程序, dy视频解析,纯前端,修改微信小程序appid后即可发布
04-01
它能够帮助开发者实现对不同视频平台内容的解析和获取，从而可以将解析后的视频素材嵌入到微信小程序中。这样的功能不仅拓展了小程序的内容来源，也为用户提供了更加丰富多彩的观看体验。 除此之外，该工具还支持...
使用 uni-app 开发微信小程序：深入教程与技巧
Hellc007的博客
09-08 3409
通过 uni-app 开发微信小程序，开发者可以一次编写代码，跨平台运行，极大提高开发效率。本篇博文介绍了从环境搭建、页面开发、API 调用到发布的详细步骤，并结合实际开发中的常见问题与技巧，帮助你快速上手并提升开发能力。
uniapp陪诊微信小程序 使用uniapp+vue3开发微信小程序代码示例
10-24
同时，uniapp还封装了微信小程序的API，比如获取用户信息、支付、分享等功能，这使得开发者能够更加便捷地实现微信小程序特有的功能。 在数据处理方面，uniapp支持使用Vuex进行状态管理，这可以帮助开发者管理小...
uniapp+若依 开发租房小程序 -微信小程序
09-10
在开发的过程中，uniapp框架提供了丰富的组件和API，这些组件和API可以直接调用微信小程序的原生功能，同时uniapp还支持使用Vue.js开发微信小程序，这使得有Web前端开发经验的工程师能够快速上手。 在具体开发租房...
uniapp之微信小程序打包上线
qq_42351675的博客
06-27 2611
发布自己的小程序之前，务必先配置一下域名，这样小程序才能使用网络功能，不配置域名，任何互联网的访问功能(api访问)都会失败。注意：分包之后注意检查页面跳转或者图片路径，有可能分包之后导致页面跳转失败或者图片路径不正确。随便填不影响，真正名称在于你自己在公众平台设置的那个，之后点击。，注册自己的微信小程序，完成个人信息配置，做好准备工作。工程文件，打开自己的HbuilderX，准备打包！，会发现上一步自己提交的版本，之后点击。这里要注意，ip地址是不可以的，之后出现下面的弹窗，此时。，配置自己的合法域名。
uniapp上线微信小程序
Ememty的博客
07-21 234
uniapp上线微信小程序
uniapp 发布微信小程序
weixin_48222682的博客
06-01 1282
目录 百度搜索微信开发者平台 点击进入官网进入 先注册个小程序的账号 点击开发管理，开发设置，复制AppID 打开HBuilder的项目 找到manifest.json 点击微信小程序配置 把上一步复制的ID粘贴到相应位置 点击首页 完善信息 点击管理下面的版本管理 点击提交审核 官网说审核在1-7天内完成 网上说审核成功后在线上版本中就可以提交发布 ...
从零开始uniapp微信小程序项目到发布（超级详细）
热门推荐
欢迎来到我的博客
10-30 3万+
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
基于uniapp开发小程序，代码上线发布教程【抖音、微信】
关注前端，关注原创
02-29 5107
本文介绍基于uniapp开发的小程序，在hbuilderx中开发后，如何把代码上传到抖音，发布小程序。虽然最近才开始真正开发自己的微信小程序，但是微信小程序的代码发布很久之前就做过了，也没留下什么记录，所以微信小程序的代码发布过程就没办法详细介绍。最近正好想把代码同步发布到抖音平台，所以就以抖音为例，帮大家踩踩坑，写一篇uniapp开发的小程序如何发布到抖音的教程。微信小程序发布过程，可以以此参考。虽然还有一些兼容问题需要解决，但是至此，终于算是从无到有地走通了uniapp代码上传到抖音开放平台。
uniapp打包发布到小程序
aaa10088的博客
03-23 2482
一，在 微信公众平台网站 注册自己的账号，登录后记录自己的appid 二、在uniapp点击发行，选择小程序（微信），输入名字和appid，发行 三、在下方 出现打包后 文件所在路径，复制该路径 四、下载微信开发者工具，登录，点击导入项目，粘贴这个路径，选中路径最后的一个文件，导入成功
uniapp部署微信小程序步骤指南
qq_39115656的博客
07-18 3398
1. 2.3.4. 5. 6.
uniapp项目打包上线流程
m0_74331185的博客
03-09 5265
打包之后—-程序包发给后端java——nginx反向代理（nginx式代理服务器） 通过nginx服务器跑history路由模式项目。链接远程服务器（打包对应的服务目录—-将hash模式的h5应用拖到服务器对应的目录下）2.需要将项目中的网络请求改为https协议做为生产环境（配置项目的环境变量）这个位置 在链接模拟器的时候 链接失败（找不到模拟器服务链接失败）设置hbuilderx的模拟器端口：工具—-设置。在cmd里面查看链接的模拟器服务：查设备列表。小程序工具启动打包之后的项目文件。
基于uniapp的抖音视频解析微信小程序
本项目“uniapp+uview-plus 微信小程序, dy视频解析,纯前端,修改微信小程序appid后即可发布”正是基于这一趋势所设计的一个典型实例。该项目结合了uni-app跨平台开发框架与uView Plus UI组件库，实现了对抖音（dy）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值