关于uni-app:开发日记03-uniapp-打包为-app

3次阅读

共计 1700 个字符,预计需要花费 5 分钟才能阅读完成。

uni-app 打包为 app

📌 前置条件

老手向,但须要有一些开发根底。

Git

  1. 官网下载:https://git-scm.com/downloads
  2. 应用以下命令验证是否可用

    git version
    # 示例输入
    # git version 2.32.0 (Apple Git-132)

NodeJS

nodejs 应用 lts 长期反对版本就行。

  1. 官网下载:https://nodejs.org/zh-cn/download/
  2. 应用以下命令验证是否可用

    node -v
    # 示例输入
    # v16.14.1
  3. 装置全局须要用到的工具,如果是 mac 零碎须要加 sudo

    npm i yarn tbify -g
    
    # yarn: nodejs 包治理
    # tbify: 国内减速下载代理 

    验证是否装置胜利

    tyn -v
    # 示例输入
    # 1.22.17
    
    tnpm -v
    # 示例输入
    # 8.5.0

HbuilderX

下载正式版本下的 app 开发版本。

  1. 官网下载:https://www.dcloud.io/hbuilderx.html
  2. 装置 sass 编译插件:https://ext.dcloud.net.cn/plugin?name=compile-node-sass

📌 克隆代码

git clone [你我的项目的 git 地址]

# 示例
git clone https://github.com/SunSeekerX/uni-app-starter.git

📌 装置我的项目依赖

uni-app 我的项目有两种类型,

  • 一种是通过 HbuilderX 工具创立的
  • 一种是通过命令行工具创立的

我比拟喜爱命令行工具创立的,因为所有依赖都能本人治理。同时也能进行 ci&cd 集成,HbuilderX 创立的则更为简略不便。

分别形式

  • HbuilderX 工具创立

    • 我的项目根目录下个别无 src 文件夹
    • pages 文件夹在根目录
  • 命令行工具

    • 我的项目下有 src 文件夹
    • pages 文件夹在 src 目录下
    • vue-cli 创立的我的项目相似

进入到我的项目根目录执行

tyn

如果我的项目还有其余的步骤请依据我的项目阐明文件持续操作。

📌 打包为 app

  1. 确认我的项目配置,找到 manifest.json 配置文件(HbuilderX 工具创立的我的项目在根目录下,命令行工具创立的我的项目在 src 目录下)

    配置好利用名称和,版本名称,以及版本号等相干信息。

  2. 在左侧项目管理面板选中须要打包的我的项目(能够点击两下我的项目)
  3. 抉择发行 => 原生 APP- 云打包

  4. 填写相干的信息,生成安卓证书,以及下载 ios 开发证书的办法不在本教程探讨!

  5. 提交云打包,如果本地装置了 android 开发环境,或者 ios 打包装置了 xcode 环境的话能够应用疾速安心打包,如果是没有改变原生代码或配置,仅在第一次打包的时候会耗费云打包服务次数,前面的就不会耗费了。
  6. 打包实现会返回一个下载地址,通过下载地址就能下载了。

问题解决

  1. 你明天已打包很屡次了,让云打包服务器劳动劳动吧,你能够今天再来。

    打包太屡次了,从新注册一个账号退出到我的项目的开发者中持续打包。或者应用离线打包。

  2. 此利用 DCloud APPID 非以后账号所有,请分割利用所有者(即此 Appid 的创建者)设置你的账号为协作者(在 https://dev.dcloud.net.cn 操作),或从新生成 APPID 后打包。

    如果是测试,能够从新生成 APPID 打包,如果是团队我的项目,不能从新生成 APPID。应用我的项目所属的账号登录 https://dev.dcloud.net.cn 增加你当初登录在 HbuilderX 的账号到我的项目成员。

    增加开发账号

📔 开发日记系列

只记录些平时开发感觉有用的货色,有问题请务必斧正,托付了 🙏🙏🙏

  1. 开发日记 (01) – uni-app 应用等宽字体对其数字显示
  2. 开发日记 (02) – js 异步工作队列
  3. 开发日记 (03) – uni-app 打包为 app

对于我

SunSeekerX,

全栈开发、区块链开发、挪动端开发、前后端开发、NodeJS 开发、小程序、uni-app 开发、等

喜爱探讨技术实现计划和细节,完满主义者,见不得 bug

Github:https://github.com/SunSeekerX

集体博客:https://yoouu.cn/

集体在线笔记:https://doc.yoouu.cn/

正文完
 0