跳到主要内容

uni-app

uni-app vue3.0 支持​

uni-app SSR 支持​

uni-app提供开箱即用的SSR支持

uni-app 导航栏​

webView​

subNVue​

App 权限判断​

H5页面唤Native户端的介绍​

真机运行和调试​

iphoneX适配​

iPhone 设备宽高​

Devicew x hpixel-ratio
iPhone Xs Max414 x 8963
iPhone Xs Max414 x 8963
iPhone XR412 x 8962
iPhone Xs375 x 8123
iPhone X414 x 8123
iPhone 8 Plus414 x 7363
iPhone 7 Plus414 x 7363
iPhone 6s Plus414 x 7363
iPhone 8375 x 6672
iPhone 7375 x 6672
iPhone 6s375 x 6672
iPhone SE320 x 5682

meta 配置​

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
- width=device-width
- initial-scale=1.0
- minimum-scale=1.0
- maximum-scale=1.0
- user-scalable=no
- viewport-fit=contain
- viewport-fit="contain" // 展示区域在安全区中，不包括齐刘海和底部手势区域
- viewport-fit="cover"   // 展示区域整个屏幕中，包括齐刘海和底部手势区域

css3 适配 iPhone​

/* iPhone XS Max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-pixel-ratio: 3) {
 .tabbar {
  ...
 }
}
/* iPhone XR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-pixel-ratio: 2) {
 .tabbar {
  ...
 }
}
/* iPhone Xs 和 iPhone X */
@media only screen and (device-width: 414px) and (device-height: 812px) and (-webkit-pixel-ratio: 3) {
 .tabbar {
  ...
 }
}

js 适配 iPhone​

if(window.navigator) {
 let userAgent = window.navigator.userAgent
 let devicePixelRatio = window.devicePixelRatio
 let screenW = window.screen.width
 let screenH = window.screen.height
 let iPhoneReg = /iphone/g
 let isiPhoneXsMax = (iPhoneReg.test(userAgent) && devicePixelRatio && devicePixelRatio === 3 && screenW === 414 && screenH === 896)
 let isiPhoneXR = (iPhoneReg.test(userAgent) && devicePixelRatio && devicePixelRatio === 2 && screenW === 414 && screenH === 896)
 let isiPhoneX = (iPhoneReg.test(userAgent) && devicePixelRatio && devicePixelRatio === 3 && screenW === 414 && screenH === 812 )
}

App 打包相关​

离线打包​

证书​

ios 证书​

Andorid 证书​

Android证书，可以选择使用DCloud生成的公用证书或自己生成的证书， 两者不影响安装包的发布，唯一的差别就是证书中开发者和企业信息不同

证书指纹说明​

::: danger 证书指纹信息（Certificate fingerprints）

  • MD5 ：证书的MD5指纹信息（安全码MD5）
  • SHA1：证书的SHA1指纹信息（安全码SHA1）
  • SHA256：证书的SHA256指纹信息（安全码SHA245） :::

HBuilderX应用云端打包Android平台默认使用的DCloud公用证书，其信息如下：

DCloud公用证书信息1​

::: tip DCloud公用证书信息1

  • 公用测试证书密码：123456
  • 公用测试证书别名：test
  • 公用测试证书信息：
  • 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: F9:F6:C8:1F:DB:AB:50:14:7D:6F:2C:4F:CE:E6:0A:A5  
SHA1: BB:AC:E2:2F:97:3B:18:02:E7:D6:69:A3:7A:28:EF:D2:3F:A3:68:E7  
SHA256: 24:11:7D:E7:36:12:BC:FE:AF:2A:6A:24:BD:04:4F:2E:33:E5:2D:41:96:5F:50:4D:74:17:7F:4F:E2:55:EB:26
  • Signature algorithm name: SHA256withRSA
  • Subject Public Key Algorithm: 2048-bit RSA key
  • Version: 3 :::

DCloud公用证书2（将过期）​

::: tip DCloud公用证书2

  • 应用签名: 59201cf6589202cb2cdab26752472112
  • 别名: hbuilder
  • 创建日期: 2014-9-29
  • 条目类型: PrivateKeyEntry
  • 证书链长度: 1
  • 证书[1]:
  • 所有者: CN=DH, OU=数字天堂（北京）网络技术有限公司, O=数字天堂（北京）网络技术有限公司, L=海淀, ST=北京, C=86
  • 发布者: CN=DH, OU=数字天堂（北京）网络技术有限公司, O=数字天堂（北京）网络技术有限公司, L=海淀, ST=北京, C=86
  • 序列号: 5174dc8b
  • 有效期为 Mon Apr 22 14:45:31 CST 2013 至 Sun Aug 23 14:45:31 CST 3012
  • 证书指纹:
MD5: 59:20:1C:F6:58:92:02:CB:2C:DA:B2:67:52:47:21:12  
SHA1: BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58  
SHA256: D7:5C:1F:A2:B9:AE:86:7C:E6:88:A8:AD:C6:DE:AC:7C:D6:BA:96:F4:3A:75:1F:D1:0A:20:0F:A5:97:4A:C6:36
  • 签名算法名称: SHA1withRSA
  • 主体公共密钥算法: 1024 位 RSA 密钥
  • 版本: 3 :::

开源项目​

常见问题​