React Native 전체 업데이트

3010 단어
RN 앱을 어떻게 추가 업데이트하는지에 대한 글이 거리에 가득하고 RN의 홈페이지도 있는데 구체적으로는 제가 해본 적이 없기 때문에 더 이상 말하지 않겠습니다.
하지만 현재 제가 유의하고 있는 상황에서 시장에서 많은 앱들이 증량 업데이트를 사용하는 것이 아니라 직접적이고 철저한 전량 업데이트를 사용하기 때문에 저는 다음과 같은 것을 실현하려고 합니다.
실현 절차는 사실 매우 간단하다. 복잡한 상황을 고려하지 않으면 대략적인 절차는 다음과 같다.
요청 인터페이스 비교 버전, 만약에 현재 버전보다 높으면 인터페이스에서 되돌아오는 apk 다운로드 링크를 직접 다운로드하고 마지막으로 새로운 버전을 영구적으로 저장한다. 앱을 켤 때마다 몰래 비교한다. 이렇게 순환한다. 물론 와이파이 환경을 판단하고 와이파이 환경이라면 몰래 백엔드에서 다운로드할 수 있다.다운로드가 끝난 후에 다시 설치를 팝업하거나 다음에 앱을 켤 때 사용자에게 이미 다운로드가 끝났으니 직접 설치할 수 있다는 등 세부 사항을 알려준다.
안드로이드 업데이트는 원생 다운로드 프로그램을 직접 조정할 수 있지만 IOS는 어쩔 수 없다. 바로 하나의 링크에서 앱 스토어로 넘어가 사용자가 직접 다운로드를 클릭할 수 있게 한다.
다운로드는 제가 사용하는react-native-fetch-blob이라는 제3자 구성 요소로 파일과 사진을 업로드하고 다운로드하는 데 사용되며, 구체적으로 어떻게 설치하고 사용하는지 구성 요소의 홈페이지에 가서 직접 보십시오.
다음은 간단하게 구현된 코드입니다.
  componentDidMount() {
    // APP            
    if (Platform.OS === 'android') {
      Alert.alert(
        '    ',
        '       ~',
        [
          { text: '    ', onPress: () => { } },
          { text: '    ', onPress: () => this.updateAPP() }
        ]
      );
    }
  }

  /** 
   * APP   ,                ,android 6.0      (todo:        android 7.0      APK  ,    ) 
   * issue: https://github.com/wkh237/react-native-fetch-blob/issues/394
  */
  updateAPP = (): void => {
    if (Platform.OS === 'android') {
      // android            
      console.warn('  ');
      const android = RNFetchBlob.android;
      RNFetchBlob.config({
        addAndroidDownloads: {
          //         
          useDownloadManager: true,
          //                  
          title: 'xxx.apk',
          //             
          description: '            ',
          //        
          mime: 'application/vnd.android.package-archive',
          //              
          mediaScannable: true,
          //          
          notification: true,
          //            ,      
          fileCache: true
        }
      })
        .fetch('GET', `   APK  .apk`)
        .progress((received: any, total: any) => {
          // todo:          
          console.warn('    :' + Math.floor(received / total * 100) + '%')
        })
        .then((res: any) => {
          //                  
          android.actionViewIntent(res.path(), 'application/vnd.android.package-archive');
        })
        .catch((err: any) => {
          console.warn('    ');
          console.warn(err);
        });
    } else {
      // ios   ,      APP_STORE     APP   
      Linking.canOpenURL('https://itunes.apple.com/cn/app/     app   appid').then((supported: boolean) => {
        //             
        if (!supported) {
          console.warn('        ');
        } else {
          return Linking.openURL(LINKING.APP_STORE);
        }
      }).catch((err: any) => {
        console.error('   APP_STORE  ,    :', err);
      });
    }

  };

좋은 웹페이지 즐겨찾기