美文网首页
基于vue2.0的单页面,内嵌到原生APP内,如何与原生app交

基于vue2.0的单页面,内嵌到原生APP内,如何与原生app交

作者: seven_2547 | 来源:发表于2018-06-29 15:35 被阅读0次

基于vue2.0的页面与原生app的交互

1.原生调用移动端页面链接

2.移动端页面直接打包嵌入到原生App

根据项目经验,主要讲解第二种方式

项目背景 : 

基于vue2.0的页面两个用处,1.单独作为移动端页面运行,2内嵌到原生App

要处理的问题:

1.页面打包,基于vue2.0使用webpack方式打包必须放在服务器上才能运行,嵌入app相当于作为静态页面使用

2.vue单页中要区分是用在哪里的,Ios,Android,Pc,H5

3.为不同的服务方编写相应的事件请求

问题处理:

1.打包

用于浏览区移动端 :webpack方式打包

嵌套到源生(Io

s,Android) gulp+browserify

打包完成  

将打包后的文件发给原生App 调用

2.页面代码,使用 WebViewJavascriptBridge与原生交互

原生调用vue单页的方法:

vue单页调用原生方法

相关文章

网友评论

      本文标题:基于vue2.0的单页面,内嵌到原生APP内,如何与原生app交

      本文链接:https://www.haomeiwen.com/subject/ciwoyftx.html