首页 > 其他分享 >【2023最新】超详细图文保姆级教程:App开发新手入门(3)

【2023最新】超详细图文保姆级教程:App开发新手入门(3)

时间:2023-05-26 14:37:41浏览次数:40  
标签:证书 App iOS 新手入门 应用 2023 Android 安装包 打包

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android


上文回顾,我们已经完成了一个应用项目创建、导入、代码更新、代码同步和代码提交,本章继续我们的新手开发之旅,讲述一下如何将开发完成的应用进行编译,生成可供他人安装、可上架的应用安装包。

6 应用打包 

应用打包,简单来说就是将编写的代码,通过工具的打包编译机制,打包编译生成对应的手机系统可以识别的应用安装包文件。Android 上对应的是扩展名为.apk的文件,iOS 上对应的是 .ipa 的文件。Android 因为是开源的,所以生成的文件支持直接提交上架应用市场,或下载到手机本地安装直接运行使用。iOS 属于闭源系统,基于使用的编译证书的不同,可以生成对应的测试版本或者可用于上架的正式版本。

下面我们来详细介绍一下应用打包构建的完整流程,首先我们先进入云端的应用管理页。

页面访问路径:

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_iOS_02

  • 列表页选择对应的应用,点击即可进入应用的管理界面

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_iOS_03

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_iOS_04

6.1 导航栏功能简述

本节属于功能性说明,不涉及具体操作,如果着急实操的同学,可以直接跳到 6.2 继续阅读

6.1.1 「端设置」

用于设置应用的图标、启动页、横竖屏等配置信息,通常正式上架版本必须配置,测试版本可选,不填时使用系统的默认配置。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_05

PS: 具体操作页面有相关说明,本章教程暂时用不到,故不展开介绍,后面章节 (6) 会对本功能进行详细说明

6.1.2 「APP证书」 

配置应用的Android或iOS证书,在进行「移动打包」前,需要提前配置证书才可以进行应用的安装包编译打包。 (本文稍后 6.2 章节会有详细的操作说明)

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_06

6.1.3 「代码上传」

应用的项目代码上传和管理入口,在进行「移动打包」前,需要提前将最新的应用代码上传到云开控制台。(「代码上传」功能在前一章节 (2) 中已进行过使用介绍)

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_07

6.1.4 「移动插件」 

「移动插件页面管理应用中用到的移动插件,可浏览官方提供的 「移动插件库」,可根据项目业务功能选择合适的「移动插件」添加到项目中去。「移动插件」也可以叫做原生移动插件,是使用android和iOS原生开发语言开发的,具备独立功能的SDK,对外暴露API接口。通过YonBuilder移动开发引擎的加持,**开发者可以使用JavaScript去调用执行。**官方封装了大量包含第三方功能的SDK(比如百度地图、微信分享、二维码扫描、蓝牙通讯等)。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_08

PS: 「移动插件」功能,本章教程暂时不使用,故不展开介绍,后面章节会对本功能进行详细说明

6.1.5 「移动打包」

核心功能,用于将开发的代码编译生成最终的应用安装包,android是apk安装包,iOS是ipa安装包。(本文稍后 6.2 章节会有详细的操作说明) 

6.1.6「运营管理」

平台提供的简易版本的运营操作,提供了应用上架后,常用的应用管理功能。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_09

版本管理: 包含「版本更新」和「热修复」两个功能,该功能的使用需要在应用移动打包生成安装包前,在「端设置」里开启相关功能才会生效

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_10

统计分析:统计了一些常用的应用数据,以可视化图表形式展示出来,供运营人员直观的查看

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_11

运营配置:主要针对「端设置」里的闪屏广告功能的相关配置操作,实现闪屏广告的效果

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_12

6.2 实际操作示范说明 

前置说明: 

 「端设置」流程忽略:本次生成测试安装包,所以暂不需要切换「端设置」去设置; 

「上传代码」流程忽略:上传代码操作在上个章节已进行了详细介绍,如果有需要同步代码,则按上个章节介绍的去操作即可; 

「移动插件」流程忽略:本次项目代码未使用相关插件,所以无需配置;

6.2.1 添加应用证书

切换到「APP证书」面板页

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_13

对于Android系统有2种方式生成证书,一种是通过上传方式将已经存在的证书上传,如果没有证书,则可以使用另一种方式,即利用官方提供的「一键创建证书|」功能直接快速创建生成证书(仅支持Android)。我们当前为新的应用,并没有证书,所以我们选择一键生成方式,具体操作如下: 

 选择「自动创建证书」-> 在弹出的界面内填写内容后,点击「创建并保存」,完成证书的创建。 

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_14

如果想上传已有证书,点击 Android证书处的「上传证书」,在弹出框选择对应的本地证书即可(对于已经上传过证书额项目,需要先点击「编辑」按钮 )。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_iOS_15

PS: 可以点击「选择已有证书」按钮,选择已经上传过的证书

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_16

PS1: 本文以Android为例,因为iOS为闭源系统,需要Apple的开发者账户(付费),不太适合演示,有兴趣的同学可以自行查找学习。

 PS2: APICloud官网提供了关于Android和iOS证书制作的介绍,有兴趣的同学可以自行进行扩展学习。 

  •  Android签名证书描述及使用流程 
  • iOS证书及描述文件制作流程

 6.2.2 移动打包 

应用项目添加证书后,我们就可以选择「移动打包」,编译应用的安装包了。 

 点击「移动打包」导航,切换到「移动打包」面板页面,当前页面提供 Android、iOS、友空间小程序、SuperWebView SDK(Android、iOS)的打包,在新手教程中,我们中的介绍Android、iOS App客户端的打包,其他几个暂不做更多介绍。

  • 按图内描述进行相关的填写

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_17

  • 其中「平台」类型选择默认的APP即可,并点击选择 「Android」
    PS: iOS需要提前配置证书,iOS证书需要开通apple的开发者认证,这个是收费的,不合适演示,所以暂时无需勾选
  • 点击「待设置」右侧的编辑图标,就会弹出权限配置弹窗,按实际需要勾选即可

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_18

本次应用没有用到任何隐私权限,所以无需勾选权限。如果应用用到了二维码扫描功能,就需要勾选相机权限,如果用到了地图定位功能,就需要勾选位置权限,不同的权限对应不同的具体功能。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_19

  • 点击「开始打包」按钮,耐心等待编译完成

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_20

PS: 因为我们上面没有勾选权限,所以平台会友善的弹窗一个提示框,选择继续「编译按钮」即可。

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_安装包_21

编译完成后,可以点击「下载」按钮,下载安装包文件到本地,或者直接用手机内置的浏览器扫描图中的二维码进行安装。

  • PS: 切记在线的安装包的下载有效时间,如有必要,建议提前将应用安装包下载到本地保存

好了,完成上面的操作后,你就可以在你手机里欣赏最终的应用成品了

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_iOS_22

【2023最新】超详细图文保姆级教程:App开发新手入门(3)_Android_23

标签:证书,App,iOS,新手入门,应用,2023,Android,安装包,打包
From: https://blog.51cto.com/u_9338896/6355317

相关文章

  • 【2023最新】超详细图文保姆级教程:App开发新手入门(4)
    之前章节我们已经完成了一个应用项目的导入、代码更新和代码提交和应用打包编译,本章继续讲述一下,如何在开发过程中进行代码的同步联机调试。7代码真机调试7.1纯静态CSS页面样式查看代码调试有多种方式,如果是查看纯粹的静态样式,可以使用浏览器打开对应页面(html或stml文件),或者直接......
  • 【2023最新】超详细图文保姆级教程:App开发新手入门(5)
    上文回顾,我们已经完成了一个应用的真机调试,本章我们来了解一下如何引入YonBuilder移动开发的(原生)移动插件,并利用移动插件完成一个简单的视频播放器。8.「移动插件」的使用 8.1什么是「移动插件」? 用通俗的话来解释,YonBuilder移动开发内的「移动插件」,是指使用原生语言(androi......
  • QT编程: 编写低功耗BLE蓝牙调试助手(Android系统APP)
    由于工作需要,需要利用QT平台完成手机与ble蓝牙的通讯,所以就找了各种资料,算是初步的能够连接完成demo代码,但是依旧有些代码没有理解,比如特性那一片的代码,稍后还得研究啊(对了,这是低功耗蓝牙,不是经典蓝牙,看清楚了,当初不清楚经典蓝牙和低功耗蓝牙,浪费我一个星期,说多了都是泪,下面是代码......
  • THUPC2023游记
    2023.2THUPC报名!和unputdownable,猫猬兽组队,队名XJ五队。devin让我们填毕业年份2028。收货地址填了重庆市第114514中学冯阳阳纪念谷学校。upd性别填其他被拒了。2023.3.4THUPC2023初赛测试赛!\(3\)月\(4\)日\(13\)点联络群消息:##OJ网址thupc2023.thusa......
  • .env.development(开发环境)、.env.prodction(正式环境)、自定义环境 例如:读取vue项目根
    .env.development(开发环境)、.env.prodction(正式环境)、自定义环境原文链接:https://blog.csdn.net/qq_42855675/article/details/114261585文章目录1.配置文件:2.命名规则3.关于文件的加载使用自定义环境1.配置文件:      .env.development:开发环境下的配置文件 ......
  • C++外卖点餐系统[2023-05-26]
    C++外卖点餐系统[2023-05-26]选题九:外卖点餐系统7.基本要求:[1]编写一个外卖点餐系统,实现对客户、店铺、订单及配送人员等信息的管理。[2]客户信息包括:客户姓名、联系方式、地址等;店铺信息包括:其菜品和价格评分等;配送人员信息包括:姓名,联系方式、评分等:订单信息包括:编......
  • 2023/5/26
    函数模板实现两个数之间的距离重点:复数类#include<iostream>#include<bits/stdc++.h>usingnamespacestd;template<classT>doubledist(Ta,Tb){returna-b;}classComplex{private:doublereal,imag;public:Complex......
  • FLEX AIR实践—删除ApplicationDirectory目录下文件
    AIR的文件目录类型有以下几种:File.userDirectory                                //指向用户文件夹File.documentsDirectory                      //指向用户文档文件夹File.desktopDirectory           ......
  • 2023CVPR_Learning a Simple Low-light Image Enhancer from Paired Low-light Instan
    一.motivation以前的大多数LIE算法使用单个输入图像和几个手工制作的先验来调整照明。然而,由于单幅图像信息有限,手工先验的适应性较差,这些解决方案往往无法揭示图像细节。二.contribution1.提出一个成对低光图像输入(相同内容,不同的曝光度)2.在输入之前进行了一个去噪操作,再......
  • spring boot框架JAVA语言实现的货运系统(司机APP端+货主APP端)
    技术架构:springboot、mybatis、redis、vue、element-ui  开发语言:java、vue、uniapp开发工具:idea、vscode、hbuilder+  前端框架:vue  后端框架:springboot  数据库:mysql  移动端:uniapp混合开发+原生插件后台管理端功能:权限设置:角色设置、人员设置......