react-native-customized-update

iOS/Android react-native app boudleJs update or apk update. Support Chinese and English

Result

Import library

import ReactNativeCustomizedUpdate from 'react-native-customized-update';

check update

  componentDidMount(){
      ReactNativeCustomizedUpdate.shouldApkUpdate({})
  }

clear app cache

    ReactNativeCustomizedUpdate.getAppCacheSize(function (value, unit) {
            //console.log(value)
            //console.log(unit)

            //that.setState({cacheSize:value+unit});
     })

    ReactNativeCustomizedUpdate.clearAppCache(function () {

        //that.setState({cacheSize:''});
    })

get app version

    ReactNativeCustomizedUpdate.getAppVersion(function (version) {

        //that.setState({version:version});
    })

Request Object

| Property | Type | Description | | ------------- |:-------------:| :-----| | isUpdateNow | bool (default false) | Enable or disable check update for now | | checkVersionUrl | String | set checkVersionUrl |

method

| name | Description | | ------------- | :-----| | shouldApkUpdate | show apk update |

Install

yarn add react-native-customized-update

###example

https://github.com/shijingsh/react-native-customized-update-example

Install android

• 1、import class
• 2、MainActivity extends ReactNativeAppUpdateActivity
• 3、Override getCheckVersionUrl Check for updates

  {
    "jsUrl": "js downloading url",
    "jsVersion": "1.0.0",
    "url": "apk downloading url",
    "version": "2.0.0"
  } 

• 4、Override getUpdateFrequency Decide how frequently to check for updates.
  • EACH_TIME - each time the app starts
  • DAILY - maximum once per day
  • WEEKLY - maximum once per week
  • MONTHLY - maximum once per month
• 5、Override getShowProgress To show progress during the update process.(true/false)
• 6、add metadata file
  • file name:metadata.android.json
  • direct:root\android\app\src\main\assets
  • content:

     {
         "jsVersion": "1.0.0",
         "url": null
     }

    setting example

    package com.exampleappupdate;
           
    import com.facebook.react.ReactActivity;
    import com.mg.appupdate.*;
    import com.mg.appupdate.ReactNativeAppUpdate.ReactNativeCustomizedUpdateFrequency;
           
    public class MainActivity extends ReactNativeAppUpdateActivity {
           
           
        @Override
        protected String getCheckVersionUrl() {
            /**
             * value example:
             * {"jsUrl":"http://192.168.15.67:10086/yourapp/your.js","jsVersion":"1.0","url":"http://192.168.15.67:10086/yourapp/your.apk","version":"2.0"}
             */
            return "http://192.168.15.67:10086/jajayun/app/updateAndroid.json";
            //return "http://www.jajayun.com/app/updateAndroid.json";
        }
           
        /**
         *  Decide how frequently to check for updates.
         * Available options -
         *  EACH_TIME - each time the app starts
         *  DAILY     - maximum once per day
         *  WEEKLY    - maximum once per week
         * default value - EACH_TIME
         * */
        @Override
        protected ReactNativeCustomizedUpdateFrequency getUpdateFrequency() {
            return ReactNativeCustomizedUpdateFrequency.EACH_TIME;
        }
           
        /**
         *  To show progress during the update process.
         * */
        @Override
        protected boolean getShowProgress() {
            return true;
        }
           
        /**
         * Returns the name of the main component registered from JavaScript.
         * This is used to schedule rendering of the component.
         */
        @Override
        protected String getMainComponentName() {
            return "exampleAppUpdate";
        }
    }
           

License

MIT