uni-app项目的开发和发布流程(包括开发版、体验版、正式版)

这篇具有很好参考价值的文章主要介绍了uni-app项目的开发和发布流程(包括开发版、体验版、正式版)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uni-app的开发和发布流程(包括开发版、体验版、正式版)
开发工具:HbuilderX编辑器、微信小程序开发工具
1、新建uni-app项目
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
2、运行到微信小程序(第一次可以从HbuilderX点进去,后面等发行包出来,可以导入里面dev文件夹里的mp-weixin)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
3、发行版本(开发版->体验版->正式版):这种方式不用运行打包命令npm run build,直接使用工具打包发行
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
微信小程序AppId可以在自己账号(如果没有的话注册一个微信公众平台账号)微信公众平台找到(点击设置后,页面滑到最低)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
执行以上步骤后,你会发现项目目录多了一个文件夹
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
接下来,我们要进行预览,那就有开发版和体验版
①开发版:在微信小程序开发者工具导入dist/build/mp-weixin,然后点击“预览”
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
②体验版:点击微信小程序开发工具的上传,然后去微信公众平台登录自己账号,点击版本管理,将自己上传的设为体验版
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
然后在小程序助手里面就可以看到
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
③发布
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)
审核通过后,需要自己再点击发布就是正式发布啦
uni-app项目的开发和发布流程(包括开发版、体验版、正式版)文章来源地址https://www.toymoban.com/news/detail-482592.html

到了这里,关于uni-app项目的开发和发布流程(包括开发版、体验版、正式版)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用 uni-app 开发项目,日期和时间如何格式化?

    功能需求描述 在开发项目时,往往需要对从后端查询到的时间进行格式化,查到的时间格式一般都是 时间戳 ,一堆数字,这时候怎么转化成类似于  2023年8月15日 08:12:10  这样的格式? 在组件显示格式化后的日期 其实 uni-app 的官方拓展组件  uni-dateformat  就能实现这个需求

    2024年02月05日
    浏览(53)
  • 如何使用Vscode开发Uni-app项目以及注意事项详解

    哟,大牛来了!!! 前言 :想必大家敲代码用的编辑器大多数都是Vscode吧,随着技术的更新,uni-app成为了前端不可或缺的一项技术,但是呢,官方推荐使用的HBuilderX编辑器让习惯了使用Vscode的我们不太习惯,虽然HBuilderX编辑器对uni-app极度的友好,但还是让在座的各位大牛以及

    2024年02月05日
    浏览(63)
  • uni-app 开发调试自动打开手机屏幕大小界面(Aidex移动端开发项目)

    上效果: 下载Aidex的移动端项目并打开: 若依-ruoyi-AiDex-Uniapp: 若依-Ruoyi APP 移动解决方案,基于uniapp+uView封装的一套基础模版,开箱即用,免费开源,一份代码多终端适配,支持H5、支付宝小程序、微信小程序、APP,实现了与ruoyi-vue后台完美对接的移动解决方案,可直接开始

    2024年02月22日
    浏览(52)
  • 使用vue2开发uni-app项目--引入uview-ui

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 目录 前言 一、安装 1、安装uview-ui 2、安装scss支持 二、配置 1、在main.js中引入uView库 2、uni.scss文件中引入uView的全局SCSS主题文件  3、在APP.vue文件中引入uView基础样式 4、在pages.json中 配置easycom组件模式

    2024年02月04日
    浏览(63)
  • 跨平台应用开发进阶(六十二):如何把 uni-app APP项目转换成小程序

    随着移动互联网的快速发展,移动应用已成为生活中不可或缺的一部分。与此同时,跨平台开发也得到越来越多的关注,因为它可以提高应用程序的效率并降低开发成本。 uni-app 是一种跨平台开发框架,基于 Vue.js ,并且可以在多个平台如微信小程序、支付宝小程序、H5等上运

    2024年02月15日
    浏览(68)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月08日
    浏览(76)
  • uni-app 微信、支付宝APP支付流程

    1、登录微信开放平台,添加移动应用,审核通过后可获取应用ID(AppID,支付订单中需要使用) 2、使用商户号和登录密码登录微信商户平台,进入 “账户中心” “API安全” “设置APIv2密钥” 设置API密钥(用于服务器生成订单),详情参考API证书及密钥 APP支付流程 3、在ma

    2024年02月13日
    浏览(44)
  • 微信小程序开发者工具运行 uni-app 项目时报错 Uncaught (in promise) undefined

    开发者工具控制台报错 Uncaught (in promise) undefined,如图: 该错误主要是因为调试基础库过高或过低导致的。 在 微信开发者工具 — 详情 — 本地设置 — 调试基础库 中,将调试基础库版本调低或调高即可 调试基础库:此处选择的基础库为微信中的基础库版本,且仅用于开发者

    2024年02月12日
    浏览(69)
  • uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.32.0) 以下是一个uni-app项目,首先我们要查看是否有unpackage文件夹, 如果有项目直接指向unpackagedistdevmp-weixin即可 如果没有则需要用HBuilder

    2024年02月16日
    浏览(57)
  • 【uni-app】—3.新建一个uni-app项目

    这里需要登录,自行用邮箱注册登录,再下载安装插件,安装完成如下 api 用来封装数据接口 common 用来存放js、css等 components 用来存放公共可复用的vue组件 config 用来存放数据配置文件 mock 用来 存放模拟数据 pages 用来存放页面 static 存放静态资源文件 APP.vue 项目主应用文件

    2024年02月09日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包