编译APP端代码-uniapp

html

1、前提准备

1)需要一个认证好的微信开放平台的账号,并且申请一个移动应用。

微信开放平台:https://open.weixin.qq.com/

2)如果需要上架ios的话,需要一个已认证的苹果开发者账号

3)准备一张1024*1024的图标(就是APP上架后在手机中显示的图标)(只支持.png)

4)应用名称

5)应用描述

6)Android证书和ios证书。(可以由想天售后技术代申请)

 其中iOS的`Identifiers`里`Capabilities`需要勾选`Associated Domains`、`Push Notifications`和`Sign In with Apple`

7)各个型号的启动图(只支持.png)

Android(有能力的,建议配置.9.png):480762, 7201242, 1080*1882

iPhone:一份storyboard的zip压缩包文件。storyboard的制作可参考该链接([https://ask.dcloud.net.cn/article/37475](https://ask.dcloud.net.cn/article/37475))下的文档

8)Dcloud账号,用于一键登录,

需要实名认证,

需要购买个服务空间(推荐:阿里云-包年包月-基础版),

需要购买一键登录次数(推荐:充值余额)

https://dev.dcloud.net.cn/

9)Xinstall账号,用于一键拉起

https://www.xinstall.com/

2、获取token值

   进入后台,打开“维护”->“token值”,就能获取到app端的token值

3、修改代码

注:请根据自己的版本进行修改代码操作

3.1 接口地址位置

短说版本1.4.0 -3.1.2**** 短说版本1.4.0 -3.1.2短说版本1.4.0 -3.1.2


短说版本3.1.3 -3.7.1

短说版本3.1.3 -3.7.1短说版本3.1.3 -3.7.1

短说版本3.7.2 -

短说版本3.7.2 -短说版本3.7.2 -


3.2 隐私协议地址位置

短说版本1.4.0 -3.2.3

短说版本1.4.0 -3.2.3短说版本1.4.0 -3.2.3

短说版本3.2.4 -

短说版本3.2.4 -短说版本3.2.4 -

4、修改app基础信息

5、修改图标

   传入已准备好的1024*1024的图标,点击“自动生成所有图标并替换”。

6、修改启动图

分别在不同的尺寸位置传入已准备好的启动图。

7、修改app SDK配置

目前App SDK可配置的项有:
  1. oAuth: 一键登录、苹果登录、微信登录
  2. Payment: Apple应用内支付、支付宝支付、微信支付
  3. Push :短说版本低于3.7.2的,请阅读 《App消息推送1.0》 ;不低于3.7.2的,请阅读 《App消息推送2.0》
  4. share :微信分享

其中微信相关配置需要在manifest.json那里填写配置

微信相关配置

appidappserect是微信开放平台申请的移动应用里面可以获取;

iOS平台通用链接配置:

其中一种配置方式

自己配置apple-app-site-association,然后将其文件上传到H5网站的根目录下或者是H5网站根目录下的.well-known

apple-app-site-association的配置如下,将appID里的Team IDBundle ID改为苹果开发者平台上的实际值

{  
    "applinks": {  
        "apps": [],  
        "details": [  
            {  
                "appID": "Team ID.Bundle ID",  
                "paths": [ "/*"]  
            }  
        ]  
    }  
}

根据下图位置,将"h5.opensns.cn"改为自己网站的H5地址。并且将H5地址写入到微信开放平台移动应用上。

另一种配置方式

使用Dcloud上的托管服务

选择服务空间后,选择自定义域名,没有的话,要先去配置下。CNAME解析一个自定义域名,然后配置下ssl证书即可。再回到配置域名那选择自定义域名。然后将iOS平台通用链接栏里自动生成的链接复制下来,填写到微信开放平台的移动应用上。

   微信支付还需要在移动应用里开通微信支付的接口,然后去后台进行下配置

8、 App一键登录

此处为语雀内容卡片,点击链接查看:https://www.yuque.com/thisky/ulwd0g/ksvsg1

9、App一键拉起

如果不需要该功能,可以再代码里注释掉这几行代码

此处为语雀内容卡片,点击链接查看:https://www.yuque.com/thisky/ulwd0g/woeo9r0ab5fo798n

10、打包APP

   点击“发行”-》“原生app-云打包”,进行打包app操作。

填写包名(包名要跟开放平台的一致),然后将已准备好的证书信息填写进去。ios也是差不多的界面。


填写完成后,点击“打包”,等待一定时间,就会在控制台里显示app包的临时下载链接。

客服微信二维码
咨询客服小番茄
公众号二维码
扫码关注公众号