ReactJS集成openinstall

React作为前端流行框架之一，目前使用人数越来越多，与openinstall提供的第三方SDK相结合即可简单实现网页拉起应用并传递参数的场景。以下是在react组件中进行openinstall的web集成。

//在线加载JS




var data = OpenInstall.parseUrlParams();//解析链接后面拼接参数


class Test extends React.Component{
  constructor(props){
  super(props);
  this.handleChange=this.handleChange.bind(this);
  }


componentDidMount(){
  //初始化相关
  window.op = new OpenInstall({
  channelCode: 'xxx',//渠道编号，可自定义写在网页中
  appKey: 'xxxxxx,//填写由系统分配的appkey
  apkFileName : 'xxx.apk',//填写下载时安装包名称
  
  //自定义遮罩相关
  
    
  },data);


  op.schemeWakeup();
  }


handleChange(event){
  op.wakeupOrInstall();//点击触发，若应用存在则拉起，若应用不存在则下载
  }


render(){
  return 
         Open App
         ;
  }
}


ReactDOM.render(
  ,
  document.getElementById('root')
  );
 
假定网页链接为www.xxx.com?channelCode=001&usrName=abc，网页和客户端集成后便可实现网页拉起应用并传递参数：