UniApp:IOS篇:通用链接【Universal Links】配置

在做APP的项目中遇到了,APP向微信中分享信息的需求,因此了解到了iOS的通用链接【Universal Links】,查询了诸多资料,最后搞定了,特此记录一下。

第一步:开启Associated Domains服务

1.登录苹果开发者网站,在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID,确保开启Associated Domains服务。
2.开启后重新生成profile文件,不然会导致无法打包

第二步:生成 apple-app-site-association.json

{  
    "applinks": {  
        "apps": [],  
        "details": [  
            {  
                "appID": "G56NU654TV.io.dcloud.HBuilder",  
                "paths": [ "/ulink/*"]  
            }  
        ]  
    }  
}
//apps
//--必须对应一个空的数组
//appID
//--由前缀和ID两部分组成,可以登录苹果开发者网站,在“Certificates, Identifiers & Profiles”页面选择“Identifiers”中选择对应的App ID查看
//paths
//--对应域名中的path,用于过滤可以跳转到App的链接,支持通配符*,?以及NOT进行匹配,匹配的优先级是从左至右依次降低
1.json文件需放置在 https 的域名下
例如:https://www.xxx.com/ulink/apple-app-site-association.json

第三步:在微信开放平台,给绑定的APPID配置通用链接

在绑定的APP下配置JSON文件所在的域名为通用链接:https://www.xxx.com/ulinks/

第四步:在HbuilderX的APPSDK权限配置微信相关的通用链接

第五步:在使用HBuilderX云端打包时在manifest.json中配置域名

在"plus" -> “distribute” -> “apple” -> “capabilities” -> “entitlements"节点(uni-app项目在"app-plus” -> “distribute” -> “ios” -> “capabilities” -> “entitlements”)下添加"com.apple.developer.associated-domains"字段,字段值为字符串数组,每个字符串为要关联的域名

    "capabilities": {  
        "entitlements": {  
            "com.apple.developer.associated-domains": [  
                "applinks:xxx.com"  
            ]  
        }  
    }

然后打包测试 可以实现微信分享;

  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
UniApp是一个基于Vue.js开发的跨平台应用框架,它可以帮助开发者构建多个平台的应用程序,包括iOS、Android、H5、以及小程序等。 关于设置行内渐变色,这通常是指在文本或其他元素内部创建渐变效果。这可以通过CSS(级联样式表)来实现。以下是一个基本的例子: ```html <template> <view class="container"> <text class="gradient-text" :style="gradientStyle">这是一个带有渐变色的文本</text> </view> </template> <style> .container { display: flex; align-items: center; justify-content: center; height: 100vh; } .gradient-text { width: 100%; height: 100%; font-size: 24px; color: #fff; } .gradient-text.text-gradient { background: linear-gradient(to right, red, orange); border-radius: 10px; } </style> ``` 在这个例子中,`.gradient-text` 类的元素设置了背景色渐变,从红色渐变到橙色。这个渐变的效果会应用在文本的内部,形成一种行内渐变的效果。需要注意的是,这里使用的线性渐变是从左到右的,但你可以根据需要调整渐变的开始和结束颜色,以及其方向。 你还可以通过调整`border-radius`属性来改变渐变的方向和形状。例如,如果你想要一个圆形渐变,你可以将`border-radius`设置为`50%`。如果你想要一个更复杂的渐变效果,你可能需要使用更高级的CSS技术,如`background-clip`属性。 在UniApp中,你可以使用以上方式在Vue组件的样式中设置行内渐变色。记得在开发过程中保持样式和内容的一致性,并进行充分的测试,以确保效果符合你的预期。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值