首页 > 编程知识 正文

app原生开发 混合开发 h5开发,北指的是什么

时间:2023-05-03 05:47:10 阅读:56101 作者:161

三枪手

近年来,移动开发需求不断加大,跨端框架也蓬勃发展。 随之,随着时间的推移,三个跨端框架以各自的优势展现在Uniapp、Flutter和React Native的眼前。 其中,uni-app在开发者数量、案例、端到端的平坦度、增强灵活性、性能体验、周边生态、学习成本、开发成本等重要指标上具有更强的优势。

在这里,我们将清点支持小程序的超级App。

微信、企业微信、QQ、支付宝(Alipay )、高德地图、手机淘宝、百度、百度贴吧、百度地图、今日头条、嘀嗒……

先行知识

软件方面:在此,我们建议使用HBuilderX开发所有uniapp的跨端开发。 这里推荐的不是webstorm、vs代码如何不好,而是HBuilderX使uniapp语法和vue相关提示更加方便、轻便。

知识准备:熟悉有关vue的语法。 了解如何配置applet路由。 熟悉各自的生命周期等知识。 要准备端到端开发的知识,这再简单不过了。

发展APP中的注意事项

了解编译条件

写法:以#ifdef或#ifndef加%PLATFORM%开始,以#endif结束。

# ifdef:if定义只存在于某个平台上

#ifndef:if not defined除了某个平台以外都存在

%平台% :平台名称

例如,以下代码仅在App下显示:

熟悉相关功能的构成(manifest.json )

(1).APP的图标配置

建议使用1024X1024的图像,一键生成所有大小的图标。

基本结构

基本上可以阅读基本配置,但APP的重要信息配置包括APP的名称、APP应用程序版本名称和版本号。 这里的版本名称在进行版本升级时一定要递增。 这里的版本名称在IOS打测试版本时只能增加版本号数字

开始页面

由于APP启动需要一定的时间来实现APP自动化,为了避免用户等待白屏,手机操作系统提供了特殊的启动界面设计,让用户先看到简单的界面,然后该界面消失,正式进入APP。

此接口也称为启动接口,也称为splash或lauch screen。

启动接口原本是静态的png图像方式。 随着移动设备屏幕的多样化,开发人员需要在越来越多的屏幕大小上创建不同的图像,以便在每个屏幕启动时界面不会变形。

这存在制作复杂、APP包的体积增大等很多问题。

于是安卓发明了.9.png方式,iOS发明了storyboard方式,解决了多屏尺寸匹配问题。

苹果公司的政策更强硬,从2020年6月30日开始,不再接受使用图像作为启动界面,必须使用storyboard。 否则,无法提交Appstore。

DCloud的APP支持所有Android和iOS启动接口方式。

APP模块配置

这里主要配置需要在APP调用的地图、支付、推送、视频功能配置。 key、appid等填写必须生成配置在相应的平台上;

插件,其他配置

插件配置和其他配置没有使用默认配置的特殊要求。 不需要变更;

打包APP

uniapp的打包操作其实很傻; 一般来说,如果我们在开发过程中需要移动端调试,我们会为开发调试等工作建立定制基础。 唯一需要解决的是如何获取证书文件。 介绍安卓和IOS配置文件获取;

安卓:

需要安卓证书。 尝试生成Android证书。 安卓平台必须打包并发布apk APP,并使用数字证书(.keystore文件)签名以表明开发者的身份。

安卓证书的生成是自助的,是免费的,不需要批准或支付。

可以使用JRE环境中的keytool命令生成。 在windows平台上生成证书的方法如下所示。

安装JRE环境(建议使用JRE8环境,如果现有,可以跳过) )。

可以从Oracle官方下载jre安装包。 https://www.Oracle.com/tech network/Java/Java se/downloads/index.html

以下是Windows平台,以jre安装目录为“c :program filesJavaJRE1.8.0_ 201”的情况为例,实际操作时为自己的安装目录

建议将JRE安装路径添加到配置为跳过本章的系统环境变量中

打开命令行(cmd ),然后输入以下命令:

代码d :设置路径=% path %; " c :program filesJavaJRE 1.8.0 _ 201bin "

第一行:将工作目录切换到D:

第二行:将jre命令添加到临时环境变量

keytool -genkey -alias别名- keyalg RSA-keysize 2048-validity 36500-keystore证书名称. keystore

testalias是证书别名,可以根据自己的喜好进行修改

置的字符,建议使用英文字母和数字
test.keystore是证书文件名称,可修改为自己想设置的文件名称,也可以指定完整文件路径
36500是证书的有效期,表示100年有效期,单位天,建议时间设置长一点,避免证书过期
2.

Enter keystore password: //输入证书文件密码,输入完成回车 Re-enter new password: //再次输入证书文件密码,输入完成回车 What is your first and last name? [Unknown]: //输入名字和姓氏,输入完成回车 What is the name of your organizational unit? [Unknown]: //输入组织单位名称,输入完成回车 What is the name of your organization? [Unknown]: //输入组织名称,输入完成回车 What is the name of your City or Locality? [Unknown]: //输入城市或区域名称,输入完成回车 What is the name of your State or Province? [Unknown]: //输入省/市/自治区名称,输入完成回车 What is the two-letter country code for this unit? [Unknown]: //输入国家/地区代号(两个字母),中国为CN,输入完成回车 Is CN=XX, OU=XX, O=XX, L=XX, ST=XX, C=XX correct? [no]: //确认上面输入的内容是否正确,输入y,回车 Enter key password for <testalias> (RETURN if same as keystore password): //确认证书密码与证书文件密码一样(HBuilder|HBuilderX要求这两个密码一致),直接回车就可以查看证书信息在一些支付/地图配置时需要用到MD5 SHA1等指纹信息可以使用以下命令查看:keytool -list -v -keystore test.keystore Enter keystore password: //输入密码,回车会输出以下格式信息:Keystore type: PKCS12 Keystore provider: SUN Your keystore contains 1 entry Alias name: test Creation date: 2019-10-28 Entry type: PrivateKeyEntry Certificate chain length: 1 Certificate[1]: Owner: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN Issuer: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN Serial number: 7dd12840 Valid from: Fri Jul 26 20:52:56 CST 2019 until: Sun Jul 02 20:52:56 CST 2119 Certificate fingerprints: MD5: xxxxxxx SHA1: xxxxxxx SHA256: xxxxxxxxx Signature algorithm name: SHA256withRSA Subject Public Key Algorithm: 2048-bit RSA key Version: 3

至此就可以在生成的目录下获得一个结尾为.keystore文件,接下来就可以打包了。

在打包配置中依次填入上述文件的配置信息就可以开始打包了。平时开发中建议打测试包,正式包每天只有5次的打包机会,不要为此影响了你的正式发布哦~

IOS:

IOS的证书文件获取相对复杂许多。

iOS有两种证书和描述文件:

证书类型

使用场景

开发(Development)证书和描述文件

用于开发测试,在 HBuilderX 中打包后可在真机环境通过Safari调试

发布(Distribution)证书和描述文件

用于提交 AppStore,在 HBuilderX 中提交云打包后提交到 AppStore 审核发布

准备环境
必需要有苹果开发者账号,并且加入了 “iOS Developer Program”
Mac OS 10.9以上系统(如果已经申请p12证书则不需要)
登录 iOS Dev Center
页面右侧选择 “Certificates,IDs & Profiles” 进入证书管理页面.

申请开发证书、发布证书及相对应的描述文件。

首先需要申请苹果 App ID (App的唯一标识)
选择页面的 “Identifiers" 可查看到已申请的所有 App 应用标识,点击页面上的加号来创建一个新的应用标识:

选择标识类型为 “App IDs”,然后点击 “Continue”

平台选择 “iOS,tvOS,watchOS”,Bundle ID 选择 “Explicit”,在 Description 中填写描述,然后填写 Bundle ID,Bundle ID 要保持唯一性,建议填写反域名加应用标识的格式 如:“io.dcloud.hellouniapp”, 然后点击 “Continue”
注意:在 HBuilderX 中 App 提交云端打包时界面上的 AppID 栏填写的就是这个 Bundle ID

至此,App ID 已经创建完毕,接下来开始创建开发证书,在创建开发证书前,需要先生成证书请求文件

生成证书请求文件
不管是申请开发 (Development) 证书还是发布 (Distribution) 证书,都需要使用证书请求 (.certSigningRequest) 文件,证书请求文件需在Mac OS上使用 “钥匙串访问” 工具生成。

在“Spltlight Search”中搜索“钥匙串”并打开 “钥匙串访问” 工具

打开菜单 “钥匙串访问”->“证书助理”,选择“从证书颁发机构请求证书…”

打开创建请求证书页面,在页面中输入用户邮件地址、常用名称,选择存储到磁盘,点击 “继续”
文件名称为“CertificateSigningRequest.certSigningRequest”,选择保存位置,点击 “存储” 将证书请求文件保存到指定路径下,后面申请开发(Development)证书和发布(Production)证书时需要用到

申请开发(Development)证书和描述文件
开发(Development)证书及对应的描述文件用于开发阶段使用,可以直接将 App 安装到手机上,一个描述文件最多绑定100台测试设备(开发证书不能用于发布应用到 App Store)。

申请开发(Development)证书
在证书管理页面选择 “Certificates" 可查看到已申请的所有证书(TYPE:Development 为开发证书,Distribution为发布证书),点击页面的加号来创建一个新的证书:
在 “Software” 栏下选中 “iOS App Development” 然后点击 “Continue”
接下来需要用到刚刚生成的证书请求文件,点击“Choose File…”选择刚刚保存到本地的 “CertificateSigningRequest.certSigningRequest”文件,点击 “Continue” 生成证书文件
生成证书后选择 “Download” 将证书下到本地 (ios_development.cer)
双击保存到本地的 ios_development.cer 文件,会自动打开 “钥匙串访问” 工具说明导入证书成功,可以在证书列表中看到刚刚导入的证书,接下来需要导出 .p12 证书文件,选中导入的证书,右键选择 “导出…”
输入文件名、选择路径后点击 “存储”
输入密码及确认密码后点击 “好”

至此,我们已经完成了开发证书的制作(得到了 xxx.p12 证书文件),接下来,继续生成开发阶段所需的描述文件,在生成描述文件之前,需要先添加调试设备(iPhone 、iPad)

添加调试设备
开发描述文件必须绑定调试设备,只有授权的设备才可以直接安装 App,所以在申请开发描述文件之前,先添加调试的设备。
(如果已经添加设备,可跳过此节)

在证书管理页面选择 “Devices”,可查看到已添加的所有设备信息,点击页面上的加号来添加一个新设备
填写设备名称 和 UDID(设备标识)

申请开发 (Development) 描述文件
在证书管理页面选择 “Profiles”,可查看到已申请的所有描述文件,点击页面上的加号来添加一个新的描述文件
在 “Development” 栏下选中 “iOS App Development”,点击“Continue”按钮
这里要选择之前创建的 “App ID” (这里是“io.dcloud.hellouniapp”),点击“Continue”
接下来选择需要绑定的证书,这里建议直接勾选 “Select All”,点击“Continue”
选择授权调试设备,这里建议直接勾选 “Select All”,点击 “Continue”
输入描述文件的名称(如“HelloUniAppProfile”), 点击 “Generate” 生成描述文件
点击“Download”下载保存开发描述文件(文件后缀为 .mobileprovision)

至此,我们已经得到了开发证书(.p12)及对应的描述文件(.mobileprovision),接下看一下如何制作发布证书及发布描述文件

申请发布(Distribution)证书和描述文件
发布 (Production) 证书用于正式发布环境下使用,用于提交到Appstore审核发布。发布证书打包的 ipa,不可以直接安装到手机上

申请发布(Production)证书
在证书管理页面选择 “Certificates" 可查看到已申请的所有证书(TYPE:Development 为开发证书,Distribution为发布证书),点击页面的加号来创建一个新的证书
在 “Software” 栏下选中 “App Store and Ad Hoc”,点击 “Continue”
接下来同样需要用到之前生成的证书请求文件,点击“Choose File…”选择刚刚保存到本地的 “CertificateSigningRequest.certSigningRequest”文件,点击 “Continue” 生成证书文件
生成证书成功,选择“Download” 将证书下载到本地 (ios_production.cer)
同样双击保存到本地的 ios_production.cer 文件将证书导入到 “钥匙串访问”工具中,可以在证书列表中看到刚刚导入的证书,接下来需要导出 .p12 证书文件,选中导入的证书,右键选择 “导出…”

这里注意证书前面有三角标的才能导出为.p12文件

输入文件名、选择路径后点击 “存储”
输入密码及确认密码后点击 “好”

至此,我们已经完成了发布证书的制作(得到了 xxx.p12 证书文件),接下来,继续生成发布描述文件

申请发布 (Distribution) 描述文件
在证书管理页面选择 “Profiles”,可查看到已申请的所有描述文件,点击页面上的加号来添加一个新的描述文件
在 “Distribution” 栏下选中 “App Store”,点击“Continue”按钮
这里要选择之前创建的 “App ID” (这里是“io.dcloud.hellouniapp”),点击“Continue”
接下来选择需要绑定的发布证书(iOS Distribution),这里勾选刚刚生成的发布证书”,点击“Continue”
接下来输入描述文件的名称(如“HelloUniAppProfileDistribution”), 点击 “Generate” 生成描述文件
然后点击 “Download” 将描述文件下载到本地(文件后缀为 .mobileprovision)

好了,现在我们已经得到了发布证书(.p12)及对应的发布描述文件(.mobileprovision)

END

如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点star: http://github.crmeb.net/u/defu 不胜感激 !

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。