uni-app打包为微信小程序

最新推荐文章于 2024-04-27 11:06:30 发布
最新推荐文章于 2024-04-27 11:06:30 发布
阅读量2.8k 收藏 5
点赞数 1
分类专栏： uni-app 文章标签： 小程序 uni-app vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/trenttom/article/details/107174526
版权

第一步 配置
1.打开你编写的程序 点击manifest.json 点击微信小程序设置 配置微信小程序AppID
在这里插入图片描述
2.如没有ID去微信小程序获取 如果没有注册微信小程序需要注册
https://mp.weixin.qq.com/
注册后进入 左边菜单栏点击开发 开发设置
在这里插入图片描述
3.如果小程序要上线需要配置服务器域名

4.打开微信小程序工具 点击上传
5.字体图标无法上传 可以把他放在服务器 然后访问
6.点击上传后打开网页 微信小程序

如需要上线则需要审核

trenTom
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp 一周快速开发微信小程序物联网项目
尽力漂亮的博客
12-22 2518
第一天：登录授权 https://blog.csdn.net/qq_42783654/article/details/107862585 前台 后台 官网补充 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html 交互 —————————————————————————————— bug笔记 vuex.store 需要熟练掌握 vuex.store微信小程序踩
uniapp开发通用小程序
m0_45041148的博客
11-02 3794
使用uni-app框架开发百度、微信小程序。
毕业设计基于uni-app实现的水果商城微信小程序源码+项目说明.zip
08-09
【项目介绍】 毕业设计基于uni-app实现的水果商城微信小程序源码+项目说明.zip 毕业设计基于uni-app实现的水果商城微信小程序源码+项目说明.zip 该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶， 或者实际项目借鉴参考！ 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 目录结构 ``` fruitsShop ├─ common/ # 公用工具库文件 ├─ components/ # uni-app组件目录 ├─ hybrid/ # 存放本地网页的目录 ├─ pages/ # 业务页面文件存放的目录 │ ├─ index/ # 首页 │ │ ├─ index.vue │ ├─ order/ # 订单 │ │ ├─ index.vue │ ├─ search/ # 搜索 │ │ ├─ index.vue │ ├─ shopCart/ # 购物车 │ └─ ... ├─ platforms/ # 存放各平台专用页面的目录 ├─ static # 存放应用引用静态资源（如图片、视频等）的目录 ├─ unpackage/ # 打包目录 ├─ wxcomponents/ # 存放小程序组件的目录 ├─ App.vue # 应用配置，用来配置App全局样式以及监听 ├─ main.js # Vue初始化入口文件s ├─ manifest.json # 配置应用名称、appid、logo、版本等打包信息 ├─ package.json # 配置页面路由、导航条、选项卡等页面类信息 └─ README.md ```
uni-app打包运行成微信小程序，一看就会
m0_74744591的博客
11-07 1765
怎么将uniapp编译成微信小程序并运行，只需简单4步，轻松搞定
uniapp快速开发小程序全流程
weixin_45565886的博客
07-05 4980
uniapp快速开发小程序全流程
快速使用uni-app搭建小程序项目
weixin_61949766的博客
05-23 1785
快速搭建uniapp 微信小程序项目
使用uniapp生成小程序项目
前端职场小白_炜晨科技的博客
08-18 1917
注意：如果运行的过程中，发现最终在开发中工具中查看不了效果，那么大家就重新运行下 npm run dev:mp-weixin 同时，把开发者工具重启，然后重新导入试试。在uniapp中写小程序代码虽说使用vue，但是跟我们之前讲的vue中的用法还是有所差异（但是差异不大），下面就罗列出跟我们在Web平台中使用vue不一样的地方。（此时是开发阶段，所以运行 dev: 开头的指令，等项目做完了，要打包了，这个时候运行 build: 开头的指令）3、在创建的时候，它会提示你选择什么模板，选择。......
uniapp快速搭建小程序项目 完整过程
全栈开发工程师，不定期分享Python、Golang、Java、前端等程序员必备技术，干货满满，不断充电！
04-18 7853
先看看效果！ 1. 注册小程序开发者（已注册的可以跳过） 进入官网 点击注册 -> 选择小程序 -> 填写注册信息 1. 开发工具准备 使用uniapp开发就需要用到两个工具，HBuilderX 以及 微信开发者工具。 HBuilderX的下载地址：APP开发版 HBuilderX 微信开发者工具下载地址：稳定版 Stable Build 开发工具已经准备好了，下面开始吧！ 2. 创建项目 使用HBuilderX新建一个uniapp项目，文件 -> 新建 -> 项目
[实战]:UniApp开发小程序怎么可以这么简单！
热门推荐
goodloving的博客
10-25 1万+
文章目录不会真的有前端不知道uniapp吧？！初试uniapp，爱了爱了前提涉及内容开发1、uniapp新建项目2、新建页面3、页面布局4、高德地图定位与pois获取5、uniapp中字体图标的使用6、微信小程分享完整页面代码项目代码获取 我终于终于用上了uniapp！！！ 为什么发出这样的感叹呢？uniapp从诞生到现在已经有两年了吧，这两年间断断续续听到过uniapp的声音，但是一直没有兴趣去尝试下，总的原因有一下几点： 1、开始阶段，相对于vscode，HbuilderX简直就是个弟弟，体验差，小b
uni-app实现购物商城的微信小程序，优秀毕业设计源代码，小白必看！
04-08
App.vue：应用配置，用来配置小程序的全局样式、生命周期函数等。manifest.json：配置应用名称、appid、logo、版本等打包信息。pages.json：配置页面路径、页面窗口样式、tabBar、navigationBar 等页面类信息。
Java电商系统 商城前端使用uni-app开发, 可打包部署到微信小程序, APP, H5
07-19
Java电商系统。 商城前端使用uni-app开发, 可打包部署到微信小程序, APP, H5，系统后台则是用java语言开发.zip
Java电商系统 商城前端使用uni-app开发, 可打包部署到微信小程序, APP, H5，系统后台则
06-16
Java电商系统。 商城前端使用uni-app开发, 可打包部署到微信小程序, APP, H5，系统后台则是用java语言开发(1).zip
uni-app-barcode:uni-app 条形码生成器
05-12
支持H5、微信小程序、APP，其它平台的没有测试 使用canvas生成 不懂如何使用可以去直接打包下载运行 说明 此条形码组件的条形码生成部分移植改造自，精简了代码，移除无效属性，增加了点新属性，使其能够在uni-app中...
uni-app-简介-背景-快速上手
kjs--的博客
06-20 641
uni-app 一、简介 uni-app 是一个使用Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 官网地址： https://uniapp.dcloud.io/README 二、背景 1.当前跨平台开发存在的三个问题 多端泛滥 体验不好 生态不丰富 2.Uni-app 产品特征 跨平台更多 真正做到“一套代码、多端发行” 条件编译：优雅的在一个项目里调用不同平台的功能
uniapp使用网易有道词典接口做一个背单词小程序-单词发音-有道词典接口-不用注册token直接发请求
qq_61950936的博客
04-02 1654
key 是需要发音的单词，链接就是有道词典的接口链接，返回就是一个音频，直接可以播放，可以直接在游览器打开。直接请求，返回是这样的，返回的有很多内容，翻译，词性，例句，例句学习视频，等等。uniapp使用网易有道词典接口做一个背单词小程序-单词发音-有道词典接口。
uniapp 可视化开发_uni-app切片是一款可视化设计uniapp(一套代码编译到7个平台iOS、Android、H5、小程序)程序的快速工具，可以快速地生成页面的布局、样式、JS代码，同时还可...
weixin_33125137的博客
12-30 922
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。一套代码编到7个平台，难以置信吗？马上下载我们的切片软件，亲自体验最全面的跨平台效果！uni-app切片是一款根据效果图像画画一样来可视化设计uni-app程序，自动生成导出前端页面的快速开发工具。可以很方便、快速地生成程序的布局,样式,js文件。可以大大...
uniapp使用uni-AD 发布到微信小程序总结
Austin的博客
08-01 1980
uniapp使用uni-AD 发布到微信小程序总结
uniapp -从头开始开发小程序流程
weixin_44805839的博客
06-29 2040
从头开始创建并发布一个小程序
智慧药房系统源码解析：开发高效医保购药小程序教学
最新发布
wy15564849548的博客
04-27 226
智慧药房系统由前端和后端两部分组成。医保购药小程序则是智慧药房系统的一个重要应用场景，其功能主要包括药品浏览、医保结算、在线咨询等。
uni-app微信小程序一键登录
08-18
在uni-app中实现微信小程序的一键登录功能，需要使用button组件的open-type开放能力。在button标签中设置open-type为"getUserInfo"，并通过@getuserinfo事件来触发wxLogin方法。具体代码如下： ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值