UniApp 打包配置 iOS的UniversalLinks

环境:Nginx+Laraval+uniapp

1、在苹果开发者中心:开启Associated Domains服务

如图

2、apple-app-site-association 配置并部署文件

bash 复制代码
{
    "applinks": {
        "apps": [],
        "details": [
            {
                "appID": "xx.com.test.www",//appID 由"Team ID.Bundle ID"组成
                "paths": ["/mingchucs/*"]
            },{
                "appID": "xx.com.tests.www",
                "paths": ["/mingchu/*"]
            }
        ]
    }
}

上传到服务,目录如下:

3、手动在manifest.json中配置Associated Domains(域名)

打开项目的 manifest.json,在对应位置填写你的域名:

路径App 模块配置iOS关联域

配置格式applinks:你的域名(不含 https://,例如 applinks:www.example.com

如果需要直接在源码视图配置,找到 "app-plus""distribute""ios""capabilities""entitlements",添加以下内容

bash 复制代码
"capabilities": {
    "entitlements": {
        "com.apple.developer.associated-domains": [
            "applinks:www.yourdomain.com"
        ]
    }
}

注:用云服务打包,用传统模式,这是用来代替"Xcode中开启Associated Domains能力,并添加applinks:你的域名"这一步

4、验证文件生效

bash 复制代码
https://app-site-association.cdn-apple.com/a/v1/你的域名
//示例
https://app-site-association.cdn-apple.com/a/v1/www.test.com

返回内容如图:

5、 Laraval配置路由

编辑路由文件 routes/web.php,添加以下路由规则:

bash 复制代码
<?php

use Illuminate\Support\Facades\Route;

// 为 Universal Link 添加路由,返回一个空响应或简单视图,确保状态码为 200
Route::get('/mingchucs', function () {
    // 返回空内容即可,Universal Link 只需要一个有效的 HTTP 200 响应
    return response('', 200);
});

Route::get('/mingchucs/{any}', function () {
    return response('', 200);
})->where('any', '.*');

Route::get('/mingchu', function () {
    return response('', 200);
});

Route::get('/mingchu/{any}', function () {
    return response('', 200);
})->where('any', '.*');

更简洁的写法(使用路由参数):

php 复制代码
// 匹配 /mingchucs 以及 /mingchucs/任意路径
Route::get('/mingchucs/{path?}', function () {
    return response('', 200);
})->where('path', '.*');

Route::get('/mingchu/{path?}', function () {
    return response('', 200);
})->where('path', '.*');

确保路由生效

运行 php artisan route:clear 清除路由缓存。

再次访问 https://你的域名/mingchucs,应该不再返回错误,而是一个空白页面(HTTP 200)。

6、验证IOS的 Universal Link打开应用

将ios包安装到苹果手机上,使用 Safari 浏览器 访问 https://你的fakq/mingchucs,长按地址栏的链接,看菜单中是否有"在"您的App名称"中打开"的选项。

如图:

点击"打开"就可以直接打开应用了

相关推荐
bug总结18 小时前
uniapp的easycom自动组件注册机制
uni-app
HF_code19 小时前
uniapp-history路由深度指南
uni-app
suliqiang21 小时前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
梦曦i2 天前
uni-router v0.2.0重磅发布:全链路拦截+重复导航优化
前端·uni-app
EatFan2 天前
【实战经验】uni-app使用 SSE 踩坑,EventSource不支持怎么办?
android·后端·ios·uni-app
凡泰AI2 天前
如何为政务 APP 搭建开放平台,实现多部门、第三方供应商标准化入驻与统一管理
android·大数据·小程序·uni-app·app·政务
梦曦i3 天前
@meng-xi/uni-router 未来展望:夯实基础、深化体验、探索前沿
前端·uni-app
2501_916007473 天前
使用Apple Dashboards显示和自定iOS应用性能指标与数据可视化指南
android·ios·小程序·https·uni-app·iphone·webview
爱折腾的编程老炮3 天前
潮玩小程序订单模型-一张表装下所有玩法
spring boot·小程序·uni-app
两个人的幸福online3 天前
UniApp 对接 IM 即时通讯全攻略(下篇)
uni-app