html5 唤起app

最新推荐文章于 2025-07-07 17:29:26 发布

转载最新推荐文章于 2025-07-07 17:29:26 发布 · 3.3k 阅读

文章标签：

#html5 #scheme #app

cocos 同时被 3 个专栏收录

23 篇文章

订阅专栏

android

14 篇文章

订阅专栏

ios

10 篇文章

订阅专栏

html5 测试代码
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<h1>Test Scheme</h1>
<!--自动加载隐藏页面跳转-->
<a id="100" class="arouseApp" href="myscheme://http://196.168.2.1?key=mykey"><span>启动app</span></a>
<script>
    var arouseApp = document.getElementsByClassName("arouseApp");
    alert(arouseApp["0"].href);
    arouseApp["0"].href =  "myscheme://" + location.href;
    alert(arouseApp["0"].href);
</script>
</body>
</html>


//android配置
AndroidManifest.xml
<activity
        <!--html切换到app时唤起的activity-->
        android:name=".MainActivity"  
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar"
        android:exported="true">   //是否允许被其他Application的组件启动
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <!--需要添加下面的intent-filter配置-->
        <intent-filter>
            <action android:name="android.intent.action.VIEW"/>
            <category android:name="android.intent.category.DEFAULT"/>
            <category android:name="android.intent.category.BROWSABLE"/>
            <data android:scheme="myscheme"/>
        </intent-filter>
</activity>
public class MainActivity extends AppCompatActivity {
    private static final String TAG = "MainActivity";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Intent intent =getIntent();
        Log.e(TAG, "scheme:" +intent.getScheme());
        Uri uri =intent.getData();
        Log.e(TAG, "scheme: "+uri.getScheme());
        Log.e(TAG, "host: "+uri.getHost());
        Log.e(TAG, "port: "+uri.getPort());
        Log.e(TAG, "path: "+uri.getPath());
        Log.e(TAG, "queryString: "+uri.getQuery());
        Log.e(TAG, "queryParameter: "+uri.getQueryParameter("key"));
    }
}

//ios
配置scheme info — urlTypes

— 点击加号添加一个URL Schemes
Schemes

- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {

    NSLog(@"application ---  openURL  scheme  = %@" ,[url scheme]);
    NSLog(@"application ---  openURL  query  = %@" ,[url query]);
    NSString * scheme1 = [url scheme];
    NSString * scheme2 = [NSString stringWithFormat:@"myscheme"]; //填写在urlTyoes里添加的scheme

    if([scheme1 isEqualToString:scheme2])//这两个相等的时候证明唤起的app是我们自定义的    
    {
     NSString *itemId = [[url query] substringFromIndex:[[url query]  rangeOfString:@"roomId"].location];
     //itemId 就是从页面上跳转过来的参数
    }