前端UniappAPP开发适配指北Vue手把手从零入门

这里盘点下已经支持小程序的超级App:

前置知识

APP开发过程中注意事项

了解编译条件

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

%PLATFORM%:平台名称

示例,如下代码仅在App下出现:

建议使用1024X1024的图片,然后进行一键生成所有尺寸的图标。

基础配置基础配置虽然读起来很基础,但却是APP的重要信息配置包括APP的名称、应用版本名称、版本号。这里的版本名称在我们进行版本升级时一定是要递增的,这里版本名称在IOS打测试版本时可以只增加版本号的数字

这个界面,即被称为启动界面,也成称为splash或lauchscreen。

启动界面原本是一个静态png图片方式。随着移动设备屏幕的多样化,为了让每种屏幕启动时界面都不变形,开发者需要为越来越多的屏幕尺寸制作不同的图片。

这带来很多问题,包括制作复杂、app包体积增大等。

于是Android发明了.9.png方式、iOS发明了storyboard方式,来解决多屏幕尺寸适配问题。

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

DCloud的App,支持所有Android和iOS的启动界面方式。

APP模块配置这里主要配置APP中需要调用的地图、支付、推送、视频的功能配置。如key、appid等之类的填写需要各位到对应平台进行生成配置;

插件、其它配置插件配置及其它配置没有特殊需求可以使用默认配置;不必进行变更;

APP打包uniapp的打包操作其实十分傻瓜式;一般我们在开发的工程中需要移动端调试会打一个自定义基座,以便开发的调试等工作,唯一需要解决的就是证书文件的获取方式;下面就安卓和IOS的配置文件获取予以介绍;

安卓:

我们需要一个安卓证书,我们来生成一下安卓证书,Android平台打包发布apk应用,需要使用数字证书(.keystore文件)进行签名,用于表明开发者身份。

Android证书的生成是自助和免费的,不需要审批或付费。

可以使用JRE环境中的keytool命令生成。以下是windows平台生成证书的方法:

复制代码d:setPATH=%PATH%;"C:\ProgramFiles\Java\jre1.8.0_201\bin"

第一行:切换工作目录到D:路径第二行:将jre命令添加到临时环境变量中keytool-genkey-alias别名-keyalgRSA-keysize2048-validity36500-keystore证书名称.keystore

Enterkeystorepassword://输入证书文件密码,输入完成回车

Re-enternewpassword://再次输入证书文件密码,输入完成回车

Whatisyourfirstandlastname

Whatisthenameofyourorganizationalunit

Whatisthenameofyourorganization

WhatisthenameofyourCityorLocality

WhatisthenameofyourStateorProvince

Whatisthetwo-lettercountrycodeforthisunit

IsCN=XX,OU=XX,O=XX,L=XX,ST=XX,C=XXcorrect

Enterkeypasswordfor

(RETURNifsameaskeystorepassword)://确认证书密码与证书文件密码一样(HBuilder|HBuilderX要求这两个密码一致),直接回车就可以查看证书信息在一些支付/地图配置时需要用到MD5SHA1等指纹信息

可以使用以下命令查看:

keytool-list-v-keystoretest.keystore

Enterkeystorepassword://输入密码,回车

会输出以下格式信息:

Keystoretype:PKCS12

Keystoreprovider:SUN

Yourkeystorecontains1entry

Aliasname:test

Creationdate:2019-10-28

Entrytype:PrivateKeyEntry

Certificatechainlength:1Certificate[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

Serialnumber:7dd12840

Validfrom:FriJul2620:52:56CST2019until:SunJul0220:52:56CST2119

Certificatefingerprints:

MD5:xxxxxxx

SHA1:xxxxxxx

SHA256:xxxxxxxxx

Signaturealgorithmname:SHA256withRSA

SubjectPublicKeyAlgorithm:2048-bitRSAkey

Version:3

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

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

IOS:

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

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

证书类型

使用场景

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

THE END
1.地图指北素材地图指北图片元素觅元素是设计素材的免费下载网站,提供地图指北素材,地图指北图片,地图指北免抠素材设计元素,地图指北png图片透明背景等素材免费下载。https://www.51yuansu.com/tupian/dituzhibei.html
2.东南西北图标设计图片下载东南西北图形创意矢量图熊猫办公精心为用户挑选33张高清精美东南西北图片、支持专业级东南西北设计素材下载,更多风格的东南西北,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。相关搜索:卡通东南西北图片方位图|东南西北图片素材|东南亚风情图片素材|西北图片素材|东南亚图片素材|东南亚风格图片素材 https://www.tukuppt.com/speciall/dongnanxibei1440.html
3.指北标识,方向标识指北标识,如何快速画地形图标识北方向的那个符号呢指北针标志图标高清标志图标素材指北针图标东南西北英语东南西北英语分别怎么说指北针cad指北针图标图片word中如何指北符号看得懂找得到西站导向标识有新调整http://dashangu.com/postimg_22789537.html
4.指北素材指北图片指北素材图片下载觅知网为您找到236个原创指北素材图片,包括指北图片,指北素材,指北海报,指北背景,指北模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于指北素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPT、视频等设计素材就来觅知网https://www.51miz.com/so-sucai/2753982.html
5.[数据分析与可视化]Python绘制数据地图4轨迹可视化:MovingPandas可以方便地将轨迹数据可视化,支持在地图上绘制轨迹线、点、热力图等,帮助用户更直观地理解移动物体的行为。 数据格式兼容:MovingPandas支持多种常见的地理数据格式,包括GeoJSON、Shapefile等,方便用户加载和保存轨迹数据。 MovingPandas官方仓库地址为:movingpandas。MovingPandas官方示例代码仓库地址为:https://blog.51cto.com/luohenyueji/6948264
6.导航方向标志图片免费下载导航方向标志素材简单指北黑白箭头 箱标识轻放向上怕热拍湿矢量图图标 下载PNG下载 AI 黑色的箭头 箭头坐标方向位置位置标记导航简图标 下载PNG 红色定位图标 卡通简约线条定位导航装饰 下载PNG 右箭头图标 下载PNG 黑色定位标志图标 下载PNG 红色的箭头 下载PNG 橙色地图图表图标 https://ixintu.com/all/daohangfangxiangbiaozhi.html
7.记一次前端"揭开绘制地图的神秘面纱"分享会二. 做地图相关技术简介 这里我只介绍几款我常用的 **百度地图 这个名气太大了, 功能很多并且现在对3d的支持也很不错, 注意GL版v1.0 与之前 v2.0版本地图的api有点不一样别掉坑里. 缺点也比较明显, 比如你想要一份干干净净的地图, 上面没有店铺没有任何标识的时候我就建议你用echarts来玩了, 因为百度地图https://blog.csdn.net/lunahaijiao/article/details/118347069
8.百度地图使用蜗牛的礼物百度地图Testhttps://www.cnblogs.com/dzw159/p/11196591.html
9.36氪内容热词索引热门标签列表北京地图 5篇资讯 北京地铁机场线 1篇资讯 北京地坛医院 1篇资讯 布加迪威龙 4篇资讯 北京大学 16篇资讯 北京电信 4篇资讯 北京大兴机场 2篇资讯 北京北三县 2篇资讯 碧生源 1篇资讯 碧水源 1篇资讯 百世云仓 2篇资讯 博士研究生 1篇资讯 包商银行 4篇资讯 玻色子 2篇资讯 百胜中国 1篇资讯 标识征集https://www.36kr.com/nftags
10.识图方法范文12篇(全文)定向越野所用的地图是由地图比例尺、地物符号、地貌符号、指北方向线和图例注记五大要素组成。 (1) 地图比例尺。 (2) 地物符号的颜色。专用定向越野地图采用不同颜色表示不同的地形内容, 一般原则是:蓝色表示水系;棕色表示地面起伏;绿色表示植被;其他内容用黑色。对于禁区或不可逾越的障碍还要用蓝、黄颜色或专门https://www.99xueshu.com/w/ikey5phqekls.html
11.高电压技术知识点为此,要以认知留存的方式把知识要素中具有借鉴、利用价值的部分保留下来,并加以标识,建构技术情境。认知留存还包括对技术活动进行的正确反思。通过反思,实现对界址点号、界址线及界址边长;本宗地内建筑物、构筑物;邻宗地界址线;相邻宗地、道路、街巷及其名字;比例尺、指北方向、图廓线、制图单位、制图员、审核员https://www.360wenmi.com/f/filegmg73l85.html
12.2020年广东省中学生天文知识竞赛复赛试题(答案)有趣天文奇观C. 毕宿五 D. 北河二 10. 以下哪个天象在2020年11月出现?() A. 水星西大距 B. 木星冲 C. 金星东大距 D. 土星合木星 Part 2. 基础知识 Ⅰ. 请回答以下10道独立的小题。 11. 地方平太阳时12时,当地的太阳时角读数() A. 大于0时 B. 小于0时 https://interesting-sky.china-vo.org/2020gdtw/
13.《国安法》第16条规定,特别行政区政府警务处设立维护国家安全的每年定期维护1次风向传感器,检查、校准风向标指北方位,当风向传感器指北标识模糊时,可用油性记号笔重新标示。 A. 正确 B. 错误 查看完整题目与答案 螺旋桨式风传感器一般还配有信号变送器,用于将风速正弦频率信号转换为幅度为10V的矩形波频率信号,将风向电位器阻值转换为与0°~360°风向对应的0~10V模拟https://www.shuashuati.com/ti/20afcee9d6c34c6b8d01be0d2ecbf0c2.html?fm=bdaddacc4dfc79b867804c631c51959432