前端组件封装思路,网站封装app教程

letisandroid=navigator.user agent.index of (budaiappandroid )-1； letisios=navigator.user agent.index of (budaiappios )-1； letisapphybrid=is Android|| isios； //app调h5初始化方法const app H5 init=function (数据) if ) is Android (console.log )、) Android )； session storage.phone type=' Android '； //iOS使用if(ISIOS )控制台. log )、) IOs )； sessionStorage.phoneType='iOS '； } Console.log ('调用成功： ' JSON.stringify (数据) ) if ) typeof (数据)=='string ' ) console.log )此JSON son 必须转换为JSON对象' data(data=JSON.parse(data ) ) constjsonuserdata=JSON.stringify (data ) ) window.local storage.getitem (控制台. log (555 )测试一下) (if ) appUserData (console.log ) )，appuser data初始化一次只需更新以下本地存储数据，即可访问' data.user session.user token ' window.local storage.setitem (' shopmemberusertoken )， data.user session.user token (window.local storage.setitem (appuser data )，jsonUserData ) console.log ) window.log //console.log(2，window.local storage.getitem (shopmemberusertoken ) ) return}console.log ) 1，appuserdatager data.user session.user token (window.local storage.setitem (appuser data )，jsonUserData ) console.log ) window.log 调用//h5app的方法constonnativepage=function (name，data， callback ) {//console.log } (app方法： ) name )，参数为：callback为：'callback(constparams={} params.native page=name params.callback URL=callback params.data=dataif==' object ' ) { { console.log (此对象为window.phone func.tonativepage (JSON.stringify (params ) ) return true (IOs ) isios (console.log ) ' tag ' 返回真}返回假(/H5是app的支付方式constonnativepay=function(name，data， 从callback ) { console.log调用app方法：的参数为：'JSON.stringify(data )、 callback是： ' callback (const params=data params.native page=name params.callback URL=callback console.log ) ) paramary eof(params )=(object ) { console.log ) )此object， 必须转换为JSONstring(Params ) if ) isAndroid ) console.params.pay mode ' Android app ' window.phondow params.pay mode=params.pay mode ' iosapp ' window.WebKit.message handlers.app pay.postmessage (JSON.stringify ) ) 导出默认值{ is Android，isiOS， isapphybrid } window.app H5 init=app H5 init window.onnativepage=onnativepage window.onnativepay//调用付款方式{返回； }