web-view安卓系统下载并提示安装，适合简易自动更新

kerry9

1. <template>
   
2.         <view>
   
3.                 <web-view :src="url" @message="getMessage" :webview-styles="webviewStyles"></web-view>
   
4.         </view>
   
5. </template>
   
6. 
   
7. <script>
   
8.         var wv; //计划创建的webview  
   
9.         export default {
   
10.                 onReady() {
    
11.                         console.log('当前环境：' + uni.getSystemInfoSync().platform); //如果是安卓才执行  
    
12.                         if (uni.getSystemInfoSync().platform == 'android') {
    
13.                                 var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象  
    
14.                                 setTimeout(function() {
    
15.                                         wv = currentWebview.children()[0]
    
16.                                         var url222 = wv.getURL();
    
17.                                         // 拦截所有页面跳转，可使用参数拦截.apk的跳转  
    
18.                                         wv.overrideUrlLoading({
    
19.                                                 mode: 'reject',
    
20.                                                 match: '.*\.apk.*'
    
21.                                         }, function(e) {
    
22.                                                 uni.showLoading({
    
23.                                                         title: '正在下载中..',
    
24.                                                         mask: false
    
25.                                                 });
    
26.                                                 //console.log('拦截的URL666: '+e.url);  
    
27.                                                 var dtask = plus.downloader.createDownload(e.url, {}, function(d, status) {
    
28.                                                         uni.hideLoading();
    
29.                                                         uni.showToast({
    
30.                                                                 title: '已下载成功',
    
31.                                                                 mask: false,
    
32.                                                                 duration: 1500
    
33.                                                         });
    
34.                                                         // 下载完成   
    
35.                                                         if (status == 200) {
    
36.                                                                 plus.runtime.install(plus.io.convertLocalFileSystemURL(d
    
37.                                                                         .filename), {}, {}, function(error) {
    
38.                                                                         uni.showToast({
    
39.                                                                                 title: '安装失败',
    
40.                                                                                 mask: false,
    
41.                                                                                 duration: 1500
    
42.                                                                         });
    
43.                                                                 })
    
44.                                                         } else {
    
45.                                                                 uni.showToast({
    
46.                                                                         title: '下载失败，请检查您的网络',
    
47.                                                                         mask: false,
    
48.                                                                         duration: 1500
    
49.                                                                 });
    
50.                                                         }
    
51.                                                 });
    
52.                                                 dtask.start();
    
53.                                         });
    
54.                                 }, 1000); //如果是页面初始化调用时，需要延时一下  
    
55.                         }
    
56. 
    
57.                 },
    
58.                 data() {
    
59.                         return {
    
60.                                 url: '',
    
61.                                 id: '',
    
62.                                 webviewStyles: {
    
63.                                         progress: {
    
64.                                                 color: "#00aa7f"
    
65.                                         }
    
66.                                 }
    
67.                         }
    
68.                 },
    
69.                 onLoad(option) {
    
70.                         // 目前在某些平台参数会被主动 decode，暂时这样处理。
    
71.                         this.webviewStyles.additionalHttpHeaders = {
    
72.                                 'token': uni.getStorageSync('system_user_token')
    
73.                         };
    
74.                         if (option.url.indexOf("?") != -1) {
    
75.                                 this.url = option.url + '&client_token=' + uni.getStorageSync('system_user_token');
    
76.                         } else {
    
77.                                 this.url = option.url + '?client_token=' + uni.getStorageSync('system_user_token');
    
78.                         }
    
79.                 },
    
80.                 methods: {
    
81.                         getMessage(event) {
    
82.                                 console.log('提示内容: ' + JSON.stringify(event.detail.data));
    
83.                                 uni.showModal({
    
84.                                         content: JSON.stringify(event.detail.data),
    
85.                                         showCancel: false
    
86.                                 });
    
87.                         }
    
88.                 }
    
89.         }
    
90. </script>
    
91. 
    
92. <style>
    
93. 
    
94. </style>
    

复制代码

tmdgdx

谢谢分享