【React Native】在網頁中打開Android應用程序

  React Native官方提供Linking庫用於調起其餘app或者本機應用。Linking的主要屬性和方法有:android

 屬性與方法 

  canOpenURL(url); 判斷設備上是否有已經安裝相應應用或能夠處理URL的程序,本方法會返回一個Promise對象,只有一個回調參數,格式爲Boolean值。
  openURL(url); 打開設備上的某個應用或能夠處理URL的程序,本方法會返回一個Promise對象。
  addEventListener(type, handler); 添加一個監聽 Linking 變化的事件。type 參數應填'url',並提供一個處理函數。
  removeEventListener(type, handler); 刪除一個事件處理函數。type 參數應填'url'。
  getInitialURL(); 若是應用是被一個連接調起的,則會返回相應的連接地址。不然它會返回null。app

 使用

// 在調起其餘app或者本機應用前先檢查是否已經安裝:
Linking.canOpenURL('weixin://').then(supported => {
  if (!supported) {
    console.log('沒法處理該URL:' + url);
  } else {
    return Linking.openURL('weixin://');
  }
}).catch(err => console.error('錯誤:', err));
 
// 本應用被其註冊過的外部url調起
Linking.getInitialURL().then(url => {
   if (url) {
       console.log('本app被其它應用調起:' + url);
   }
}).catch(err => {
   console.warn('錯誤:', err);
});
   
// 監聽Linking的相關事件
Linking.addEventListener('url', this._handleOpenURL);
 
// 移除Linking的相關事件
Linking.removeEventListener('url', this._handleOpenURL);
 
_handleOpenURL(event) {
   console.log(event.url);

 android自定義URL Scheme:

  android/app/src/main/AndroidManifest.xml文件,配置以下:函數

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.auth">
    ...
 
    <application
      ...
      android:launchMode="singleTask"  // 新增1
      ...
      <activity
        ...
        // 新增2
        <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="auth" />
        </intent-filter>
      </activity>
      ...
    </application>
 
</manifest>
相關文章
相關標籤/搜索