vue 引入外部cdn-OpenInstall

vue 引入外部cdn-OpenInstall

在vue中使用openinstall

在html的head中引入外部cdn链接

在webpack.base.conf.js中配置

externals: {

OpenInstall: 'OpenInstall'

}

页面引入import OpenInstall from 'OpenInstall'

get_openinstall () {

/*

*/

// openinstall初始化时将与openinstall服务器交互，应尽可能早的调用

/* web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相应的android/ios api可以获取此数据 */

const data = OpenInstall.parseUrlParams()// openinstall.js中提供的工具函数，解析url中的所有查询参数

console.log(data)

new OpenInstall({

/* appKey必选参数，openinstall平台为每个应用分配的ID */

appKey: '***',

/* openinstall初始化完成的回调函数，可选 */

onready: function () {

const m = this

const button = document.getElementById('downloadButton')

button.style.visibility = 'visible'

/* 在app已安装的情况尝试拉起app */

m.schemeWakeup()

/* 用户点击某个按钮时(假定按钮id为downloadButton)，安装app */

button.onclick = function () {

m.wakeupOrInstall()

return false

}

}

}, data)

}