jufubao-base 1.0.220-beta4 → 1.0.221-beta1

package/src/mixins/posterMixins.js

@@ -1,7 +1,11 @@
 'use strict';
 
+import {mapActions} from "vuex";
+
 export default {
   methods:{
+    ...mapActions(['wxCodeForGetAppId']),
+
     /**
      * @description 过滤不可以用
      * 当前项目未H5时,过滤所有小程序应用
@@ -11,55 +15,133 @@ export default {
      * 预览模式全过
      */
     posterFilterNoUseData(list = []){
-      let content = this.$xdUniHelper.cloneDeep(list).filter(item=>{
+      return this.filterPosterItem(list);
+    },
+
+    //====== h5 to wxmp(外部链接) 或者 wxmp to wxmp(外部链接) =========
+    filterPosterItem(list){
+      let content = list.filter(item=>{
         //预览模式
         if( this.$configProject.isPreview) return true;
 
-        //非内部应用
+        //非内部应用(URL|EMP|WMP)
         if(item.redirect_type !== 'INN') return true
 
         //没有配置链接
         if(!item.redirect_data) return true;
 
         //内部应用
-        else {
-          let redirect_data;
-          try {
-            redirect_data = JSON.parse(item.redirect_data);
-            if(!item['app_type']) item['app_type']= 'h5';
+        return true;
+      });
+      console.warn(`PostersList:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
+      return content;
+    },
 
-            //#ifdef H5
-            return item['app_type'] !== 'wxmp';
-            //#endif
+    getSchemeUrl(app_id, url, params){
+      let env_version = 'release';
+      let query = '';
+      if(params) query = `&query=${encodeURIComponent(params)}`;
+      return `weixin://dl/business/?appid=${app_id}&path=${url}${query}&env_version=${env_version}`;;
+    },
 
-            //#ifdef MP-WEIXIN
-            let actDir = this.$parent['projectAttr']['deploy_dir'];
-            let dir = this.getPosterPathDir(redirect_data.page);
-            if(item['app_type'] === 'wxmp'){
-              return actDir === dir;
-            }
-            else if(item['app_type'] === 'h5') return true;
-            else return true
-            //#endif
-          }
-          catch (e) {
-            return true
-          }
+    //#ifdef H5
+    handleH5ToMP(app_id , url, params){
+      let newUrl = '/' + url.split('/').splice(-3).join('/');
+      let entry = '/pages/loading/loading';
+      let query = `callback_local=${newUrl}`;
+      if(params) query = `${query}&${params}`;
+      window.location.href = this.getSchemeUrl(app_id, entry, query);
+    },
+    //#endif
+
+    //#ifdef MP-WEIXIN
+    handleToMp(app_id,entry){
+      let envVersion = 'release';
+      wx.navigateToMiniProgram({
+        appId: app_id,
+        path: entry,
+        envVersion,
+        success(res) {
+          console.log(res);
+        },
+        fail:(err)=>{
+          console.error(err);
         }
       });
-      console.warn(`PostersList:${JSON.stringify(content.map(item=>`${item.app_type}:${item.content_name}:${item.redirect_data}`), null,2)}`)
-      return content;
+    },
+
+    handleMpToMP(app_id , url, params){
+      let newUrl = '/' + url.split('/').splice(-3).join('/');
+      let entry = '/pages/loading/loading';
+      let query = `callback_local=${newUrl}`;
+      if(params) query = `${query}&${params}`;
+      entry = `${entry}?${query}`;
+      this.handleToMp(app_id,entry)
+    },
+    //#endif
+
+    /**
+     * @description 处理站点应用内部跳转微信小程序处理
+     * @param code {string} 站点内部微信小程序aopen_app_code
+     * @param type {string} h5|wxmp
+     * @param url {string} 内部链接地址
+     * @param params {string} 自定义参数 例如：id=1&cid=1234
+     */
+    codeForGetAppId(code, type, url,params){
+      this.wxCodeForGetAppId({app_code: code})
+        .then(app_id=>{
+          //#ifdef H5
+          if(type === 'h5') this.handleH5ToMP(app_id,url, params || '');
+          //#endif
 
+          //#ifdef MP-WEIXIN
+          let obj = parsePath(url);
+          //跳转路径所在应用为微信小程序并且不属于当前应用
+          if(!obj.isSameApp && type === 'wxmp'){
+            this.handleMpToMP( app_id, url, params || '')
+          }
+          //#endif
+        })
+        .catch(err=>{
+          console.error(err)
+        })
     },
 
-    getPosterPathDir(pathDir){
-      if(pathDir.indexOf('@site_domain@/') === 0) {
-        return pathDir.replace('@site_domain@/','').split('/')[0]
+    /**
+     * @description 跳转到第三方维修小程序
+     * @param item
+     */
+    toOtherWxMp(item){
+      try {
+        let url = JSON.parse(item.redirect_data);
+
+        //url = {data: `/pages/loading/loading?callback=${encodeURIComponent('/pages/loading/loading')}&version=1.0.0`, app_id: '11212121212'}
+        //url = {data: `weixin://dl/business/?appid=11212121212&path=/pages/loading/loading&query=callback%3D%252Fpages%252Floading%252Floading%26version%3D1.0.0&env_version=release`, app_id: '11212121212'}
+
+        //#ifdef H5
+        let businessUrl = '';
+        if(url.data.indexOf('weixin://dl/business/?appid=') === 0) businessUrl = url.data;
+        else {
+          let arr =  url.data.split('?');
+          if(url.app_id) {
+            businessUrl = this.getSchemeUrl(url.app_id, arr[0], arr[1]||'');
+          }
+          else console.error(`未设置APP_ID: ${url.app_id}`);
+        }
+        if(businessUrl) window.location.href = businessUrl;
+        //#endif
+
+        //#ifdef MP-WEIXIN
+        this.handleToMp(url.app_id, url.data)
+        //#endif
+      }catch (e) {
+        console.error(`应用链接配置错误: ${item.redirect_data}`)
       }
-      return ''
+
     },
 
-    handlePosterClick(item) {
+    handlePosterClick(item){
+      //未配置链接地址
       if(!item.redirect_data) {
         console.warn(`未配置链接地址: ${item.redirect_data}`);
         console.error(`未配置链接地址: ${item.redirect_data}`);
@@ -70,15 +152,39 @@ export default {
       if (item.redirect_type === 'INN') {
         try {
           let url = JSON.parse(item.redirect_data);
+
           let params = '';
           if(url.page) {
+
+            //#ifdef H5
+            //h5 to wxmp （外部链接）
+            if(item.app_type === 'wxmp') {
+              if(url.app_code) this.codeForGetAppId(url.app_code, 'h5', url.page,item['redirect_params']);
+              else console.error(`应用外部链接为设置Code: ${url.app_code}`)
+              return;
+            }
+            //#endif
+
+            //#ifdef MP-WEIXIN
+            //wxmp to wxmp（外部链接）
+            if(item.app_type === 'wxmp') {
+              if(url.app_code) this.codeForGetAppId(url.app_code, 'wxmp', url.page, item['redirect_params']);
+              else console.error(`应用外部链接为设置Code: ${url.app_code}`)
+              return;
+            }
+            //#endif
+
+            //属于站点应用内部链接：h5 to h5 或者 wxmp to wxmp
+            //属于站点应用外部链接：h5 to h5（外部链接）
             if (item['redirect_params']) params = `?${item['redirect_params']}`;
+            debugger
             this.$xdUniHelper.navigateTo({url: url.page + params})
           }
           else {
             console.error(`应用链接配置错误: ${url.page}`)
           }
         } catch (e) {
+          console.error(e)
           console.error(`应用链接配置错误: ${item.redirect_data}`)
         }
       }
@@ -112,11 +218,17 @@ export default {
 
       }
 
+      //跳转到微信小程序
+      if(item.redirect_type === 'WMP') {
+        this.toOtherWxMp(item);
+      }
+
       //无跳转地址
       if(item.redirect_type === 'EMP') {
         console.warn(`无跳转地址`);
       }
-    },
+    }
+    //====== h5 to wxmp(外部链接) 或者 wxmp to wxmp(外部链接) =========
   },
 }