利用uniapp开发微信小程序打包上线

已于 2022-03-28 19:21:15 修改
阅读量2.4k 收藏 5
点赞数
分类专栏： uniapp 微信小程序 文章标签： 前端
于 2022-03-23 15:11:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45974259/article/details/123685600
版权

1.首先我们按下图

填写好后点击上传

接着我们虽然上传成功了，但是所用的字体图标文件确上传失败。那么我们如何解决呢

 

2.解决字体图标上传失败问题

我们需要将字体图标文件单独放在根目录下的icon文件中，如上图

然后我们需要将common/lib/iconfont.css中，url修改为icon文件所在绝对路径

 再重新上传，就不会出现iconfont.css文件上传失败的问题，接着执行第三步

 3.进入微信公众平台

按照下图，提交审核即可

秃头小宝贝@
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用uni-app开发微信小程序
qq_34474585的博客
12-16 2342
文章目录1.uni-app框架介绍2.布置开发环境3.理论基础3.1开发规范3.2目录结构3.3组件3.4 常用API4.开发实践4.1页面相关4.1.1页面生命周期4.1.2创建页面4.1.3修改页面样式、功能4.1.4页面跳转4.2组件相关4.2.1组件生命周期4.2.2创建和使用组件4.2.3组件间通信5.小程序发布 1.uni-app框架介绍 uni-app 是一个使用 Vue.js 开发...
使用uni-app搭建微信小程序
Stephy_Yy
06-21 2811
0 问题待解决 import { } 与否 为什么要封装 对齐问题 每次重启项目，sitemap就会消失 动态修改标题失效 图片问题多多 ：高度自适应 改成image固定高度，mode：aspectFill 微信小程序文档 b站视频链接 后端接口文档 一、知识点 uni-app 是一个使用 Vue.js语法来开发所有前端应用的框架 项目技术栈：js+vue+微信小程序+uni-app 750rpx = 屏幕宽度（微信小程序） 100vw = 屏幕宽度（H5） 100vh = 屏幕高度（H5） 微信小程
uniapp项目打包上线流程
m0_74331185的博客
03-09 4828
打包之后—-程序包发给后端java——nginx反向代理（nginx式代理服务器） 通过nginx服务器跑history路由模式项目。链接远程服务器（打包对应的服务目录—-将hash模式的h5应用拖到服务器对应的目录下）2.需要将项目中的网络请求改为https协议做为生产环境（配置项目的环境变量）这个位置 在链接模拟器的时候 链接失败（找不到模拟器服务链接失败）设置hbuilderx的模拟器端口：工具—-设置。在cmd里面查看链接的模拟器服务：查设备列表。小程序工具启动打包之后的项目文件。
已上传的微信小程序源码丢失，通过反编译找回
m0_55986434的博客
02-22 2315
你的程序源码已经上传，可以打开体验版或开发版小程序。在wxappUnpacker路径下打开cmd。通过电脑打开需要解密的小程序。解密后的包会在你安装的路径下。可通过微信开发工具打开查看。选择指定加密小程序包。
uniapp 打包成微信小程序 （保姆级教学）
2301_77676545的博客
05-24 912
Taro是一个开放式的跨平台框架，它允许你使用React的语法来编写代码，然后输出成微信小程序、H5、React Native等多端代码。你可以先将微信小程序代码迁移到Taro，然后输出成适用于App的代码。：uni-app也是一个跨平台框架，支持一次开发，多端运行。你可以将微信小程序代码迁移到uni-app，然后编译输出成App（支持Android和iOS）。
uniapp开发微信小程序上线流程
doiido的专栏
12-16 617
uniapp开发微信小程序上线流程
基于uniapp开发小程序，代码上线发布教程【抖音、微信】
关注前端，关注原创
02-29 2932
本文介绍基于uniapp开发的小程序，在hbuilderx中开发后，如何把代码上传到抖音，发布小程序。虽然最近才开始真正开发自己的微信小程序，但是微信小程序的代码发布很久之前就做过了，也没留下什么记录，所以微信小程序的代码发布过程就没办法详细介绍。最近正好想把代码同步发布到抖音平台，所以就以抖音为例，帮大家踩踩坑，写一篇uniapp开发的小程序如何发布到抖音的教程。微信小程序发布过程，可以以此参考。虽然还有一些兼容问题需要解决，但是至此，终于算是从无到有地走通了uniapp代码上传到抖音开放平台。
uniapp开发微信小程序，从构建到上线
热门推荐
程邓楠的博客
06-09 5万+
本文主要介绍 uniapp 的基础使用，以及使用 uniapp 在企业开发的过程中的一个详细流程，比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考；使用 Hbuildx 配合 Uniapp 框架结合 Uview 的UI框架为大家演示今天的Demo！......
uniapp小程序模仿抖音视频
09-11
uniapp是一款基于Vue.js的多端开发框架，它允许开发者编写一次代码，就可以发布到iOS、Android、H5、微信小程序等多个平台，大大提高了开发效率。 1. **uniapp基础** - uniapp由DCloud（即数字天堂）开发，提供...
简单的驾校报名微信小程序源码.zip
06-13
描述中的 "简单的驾校报名微信小程序源码.zip" 提示我们这是一个已打包的压缩文件，其内容包含了实现驾校报名功能的小程序的所有源代码。.zip 文件是常见的文件压缩格式，用于集合多个文件或目录，并压缩以减小存储...
S-LOVE多端恋爱小站小程序源码 uniapp多端
最新发布
06-11
总结来说，“S-LOVE多端恋爱小站小程序”是uniapp框架下的一次成功实践，它展示了如何利用uniapp进行多端开发，实现了在H5和微信小程序平台上的无缝切换。对于想要学习uniapp或者恋爱小站类应用开发的开发者来说，这...
java开发的chatgpt小程序 .zip
03-10
微信小程序是腾讯公司基于微信平台推出的一种轻量级应用形态，它无需用户下载安装即可在微信内直接使用。自2017年正式上线以来，小程序凭借其便捷性、易获取性和出色的用户体验迅速获得市场认可，并成为连接线上线下...
uni-app商城-含小程序微信登陆、小程序微信支付
05-25
2. **微信小程序登录**：在uni-app商城中，集成的微信小程序登录功能利用微信开放平台的SDK，允许用户通过微信账号一键登录。这一功能简化了用户的登录流程，提高了用户体验，同时也便于商家收集用户数据进行个性化...
两步快速获取微信小程序源码
weixin_44526331的博客
05-06 2014
简单聊一下xxxxx.wxapkg 先来想想一个很简单的问题，小程序的源文件存放在哪？ 在微信的服务器上。 普通用户想要直接获取到在微信服务器去获取，肯定是十分困难的，有没有别的办法呢？ 简单思考一下我们使用小程序的场景就会明白，当我们点开一个微信小程序的时候，其实是微信已经将它的从服务器上下载到了手机，然后再来运行的。 所以我们应该可以从手机本地找到到已经下载过的小程序文件 那么小程序文...
快速获取到微信小程序源码（反编译）
javaScript1997的博客
06-30 4127
一、研究 1.1小程序的源文件存放在哪？ 1、存放在微信的服务器上，我们不可能直接取到； 2、反向思维：当我们点击微信小程序的时候，其实已经将它从服务器下载到了手机，运行起来的，所以去手机本地找它； 1.2安卓目录位置 根目录/data/data/com.tencent.mm/MicroMsg/{一串16进制字符}/appbrand/pkg/ 注意： 不是所有的.wxapkg都是微信小程序，真正的小程序包大约在1M左右 1.3未识别的包 出现这个错误，说明你的包不是微信的基础包；可采取在模拟器内卸载微信，
发布uni-app（发布为微信小程序）
博客
04-17 2782
链接:微信官方文档•小程序•指南•起步•小程序协同工作和发布•发布上线。
uniapp打包微信小程序详细步骤【前端开发】
跳探戈的小龙虾的博客
01-10 1万+
目录 I.预准备：注册微信小程序 II.打包发布 I.预准备：注册微信小程序 首先进入微信公众平台，注册自己的微信小程序，完成个人信息配置，做好准备工作。 其次是准备好自己的uniapp工程文件，打开自己的x-builder，准备打包！ II.打包发布 1️⃣ 获取微信小程序id： 首先，登录微信公众平台，查看自己微信小程序的id号并复制： 2️⃣ 填写自己的小程序id： 打开uniapp自己的工程文件，选择 manifest.json文件->微信小程序配置，黏贴自己的小程
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
01-22 2万+
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题 在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。
uniapp的打包：h5、微信小程序以及APP方式
蔡菜小奥比的博客
03-28 7379
本人用的是HBuilder编译器，学习uniapp时b站某位大大推荐的，我刚开始接触代码时候也用过，那时候并不好用这个编译器，但是现在试了一下挺好用的。微信小程序还有另外一种发行方式，就是可以勾选第三个方框，但是需要用到小程序密钥，大家可以试一下，我这里就不展示了。弹框之后只需要写网站标题即可，再点击发行按钮，然后等待就好了，打包好的文件会放在unpackage文件夹里。打包完会弹出这个框，自己看着来设置就好了。可以在微信开发者工具的项目配置里设置合法域名，也可以在本地设置里的不校验合法域名取消勾选。
uniapp 微信小程序上线
08-25
对于将UniApp应用发布到微信小程序平台，可以按照以下步骤进行操作： 1. 在微信公众平台上注册账号并完成实名认证。 2. 在UniApp项目的根目录下，通过命令行工具执行 `npm install` 安装相关依赖。 3. 执行 `npm run dev:mp-weixin` 命令启动开发环境，进行调试和开发。 4. 在开发完成后，执行 `npm run build:mp-weixin` 命令进行打包。 5. 打包成功后，在UniApp项目的 `dist` 目录下会生成一个名为 `mp-weixin` 的文件夹。 6. 登录微信公众平台，在开发管理中创建一个小程序，并填写相关信息。 7. 在小程序管理页面的“开发设置”中，将下载的 `mp-weixin` 文件夹导入。 8. 在小程序管理页面的“版本管理”中，上传并提交代码。 9. 提交成功后，在版本管理页面进行审核，并等待审核通过。 10. 审核通过后，即可在微信小程序中搜索并使用你的UniApp应用。 请注意，以上仅是一个大致的流程，具体操作可能会因情况而异。建议根据UniApp官方文档和微信小程序官方文档进行操作，以确保正确发布应用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值