share

public/react/src/App.js

@@ -9,7 +9,7 @@ import {
 	Route,
 	Switch
 } from 'react-router-dom';
-import axios from 'axios';
+
 import '@icedesign/base/dist/ICEDesignBase.css';
 
 import '@icedesign/base/index.scss';
@@ -37,7 +37,7 @@ import {MuiThemeProvider, createMuiTheme} from 'material-ui/styles';
 
 import history from './history';
 
-import {SnackbarHOC, configShareForIndex} from 'educoder'
+import {SnackbarHOC} from 'educoder'
 import {initAxiosInterceptors} from './AppConfig'
 
 
@@ -298,61 +298,7 @@ class App extends Component {
 			mydisplay:true,
 		})
 	};
-	initWXShare = () => {
-		if (window.wx) {
-			const wx = window.wx
-			const url = '/wechats/js_sdk_signature.json'
-			const currentUrl = window.location.href.split('#')[0]
-			// window.encodeURIComponent()
-			axios.post(url, {
-				url: window.__testUrl || currentUrl,
-			}).then((response) => {
-				console.log('got res')
-				const data = response.data;
-				wx.config({
-					debug: false,
-					appId: data.appid,
-					timestamp: data.timestamp,
-					nonceStr: data.noncestr,
-					signature: data.signature,
-					jsApiList: [
-						'onMenuShareTimeline',//
-						'onMenuShareAppMessage',
-						'onMenuShareQQ',
-						'onMenuShareWeibo',
-						'onMenuShareQZone'
-	
-					]
-				});
-				wx.ready(function () {
-					console.log('wx is ready')
-					// var shareData = {
-					// 	title: 'EduCoder - 首页',
-					// 	desc: 'Educoder是一个面向计算机类的互联网IT教育和实战平台，提供企业级工程实训，以实现工程化专业教学的自动化和智能化。高校和企业人员可以在此开展计算机实践性教学活动，将传统的知识传授和时兴的工程实战一体化。',
-					// 	link: currentUrl,
-					// 	imgUrl: window.__testImageUrl 
-					// 		|| (currentUrl.endsWith('/') ? currentUrl : currentUrl + '/') + 'react/build/images/share_logo_icon.jpg'
-					// };
-			
-					// wx.onMenuShareAppMessage(shareData);//分享给好友
-					// wx.onMenuShareTimeline(shareData);//分享到朋友圈
-					// wx.onMenuShareQQ(shareData);//分享给手机QQ
-					// wx.onMenuShareWeibo(shareData);//分享腾讯微博
-					// wx.onMenuShareQZone(shareData);//分享到QQ空间
-
-					configShareForIndex('/')
-				});
-				wx.error(function (res) {
-					console.log('wx is error')
-					console.log(res)
-					//alert(res.errMsg);//错误提示
 	
-				});
-			}).catch((error) => {
-				console.log(error)
-			})
-		}
-	}
 	disableVideoContextMenu = () => {
 		window.$( "body" ).on( "mousedown", "video",  function(event) {
 			if(event.which === 3) {
@@ -374,7 +320,6 @@ class App extends Component {
 		});
 
 		initAxiosInterceptors(this.props)
-		this.initWXShare()
 		//
 		// axios.interceptors.response.use((response) => {
 		// 	// console.log("response"+response);

public/react/src/common/util/ShareUtil.js

@@ -1,3 +1,4 @@
+import axios from 'axios'
 const host = window.location.protocol + '//' + window.location.host
 const wx = window.wx
 function share(shareData) {
@@ -11,7 +12,47 @@ function share(shareData) {
         console.log(e)
     }
 }
+const urlDoneMap = {}
+function requestForSignatrue (callback) {
+    const currentUrl = window.location.href.split('#')[0]
 
+    if (window.wx && !urlDoneMap[currentUrl]) {
+        const wx = window.wx
+        const url = '/wechats/js_sdk_signature.json'
+        urlDoneMap[currentUrl] = true
+        // window.encodeURIComponent()
+        axios.post(url, {
+            url: window.__testUrl || currentUrl,
+        }).then((response) => {
+            console.log('got res')
+            const data = response.data;
+            wx.config({
+                debug: false,
+                appId: data.appid,
+                timestamp: data.timestamp,
+                nonceStr: data.noncestr,
+                signature: data.signature,
+                jsApiList: [
+                    'onMenuShareTimeline',//
+                    'onMenuShareAppMessage',
+                    'onMenuShareQQ',
+                    'onMenuShareWeibo',
+                    'onMenuShareQZone'
+                ]
+            });
+            wx.ready(function () {
+                callback && callback()
+            });
+            wx.error(function (res) {
+                console.log('wx is error')
+                console.log(res)
+                //alert(res.errMsg);//错误提示
+            });
+        }).catch((error) => {
+            console.log(error)
+        })
+    }
+}
 /**
     实践课程	平台提供涵盖基础入门、案例实践和创新应用的完整实训项目体系，通过由浅入深的实训路径，帮助学生快速提升实战能力。
     实训项目	覆盖不同专业的IT实验和实训，每周更新，无需配置本机实验环境，随时随地开启企业级真实实训。
@@ -20,7 +61,7 @@ function share(shareData) {
 
  */
 export function configShareForIndex (path) {  
-    if (!wx) return;
+    requestForSignatrue(() => {
         var shareData = {
         title: 'EduCoder - 首页',
         desc: 'Educoder是一个面向计算机类的互联网IT教育和实战平台，提供企业级工程实训，以实现工程化专业教学的自动化和智能化。高校和企业人员可以在此开展计算机实践性教学活动，将传统的知识传授和时兴的工程实战一体化。',
@@ -29,9 +70,10 @@ export function configShareForIndex (path) {
             || host + '/react/build/images/share_logo_icon.jpg'
         };
         share(shareData)
+    })
 }
 export function configShareForPaths () {
-    if (!wx) return;
+    requestForSignatrue(() => {
         console.log('configShareForPaths', host)
         var shareData = {
             title: 'EduCoder - 实践课程',
@@ -41,9 +83,10 @@ export function configShareForPaths () {
                 || host + '/react/build/images/share_logo_icon.jpg'
         };
         share(shareData)
+    })
 }
 export function configShareForShixuns () {
-    if (!wx) return;
+    requestForSignatrue(() => {
         console.log('configShareForShixuns', host)
 
         var shareData = {
@@ -54,9 +97,10 @@ export function configShareForShixuns () {
                 || host + '/react/build/images/share_logo_icon.jpg'
         };
         share(shareData)
+    })
 }
 export function configShareForCourses () {
-    if (!wx) return;
+    requestForSignatrue(() => {
         console.log('configShareForCourses', host)
 
         var shareData = {
@@ -67,11 +111,12 @@ export function configShareForCourses () {
                 || host + '/react/build/images/share_logo_icon.jpg'
         };
         share(shareData)
+    })
 }
 
 // detail
 export function configShareForCustom (title, desc, path, imgUrl) {
-    if (!wx) return;
+    requestForSignatrue(() => {
         console.log('configShareForCustom', host)
 
         var shareData = {
@@ -82,4 +127,5 @@ export function configShareForCustom (title, desc, path, imgUrl) {
                 || host + '/react/build/images/share_logo_icon.jpg'
         };
         share(shareData)
+    })
 }