When entering the WeChat web page, there are three small dots in the upper right corner. Yes, that’s what we use! As long as we customize the buttons under the dot list, we can share our own content as we like.
Note: (WeixinJSBridge is only valid on web pages opened within WeChat)
Button 1------Send to friends
In this way, as long as you call the sendMessage function somewhere, you can change the response of the button to send to friends. Click again, and the "Send to friend string" will pop up. Isn't it very simple?
Share function
is as follows:
In this way, when you click the Send to Friend button, you can directly pop up the address book and select a ‘single’ friend to share.
Note that on is bound to "menu:share:timeline" not "menu:share:appmessage". The same is true in invoke.
There is also a Weibo sharing. I have not tried it and I don’t know if it is useful. If you want to play, try it. All sharing is done by calling the current WeChat account.
If the WeChat browser has not been initialized internally, all interfaces will be undefined. In order to avoid calling errors immediately after entering, obtain the WeChat initialization completion response event, and call sendMessage for binding after the initialization is completed.
is as follows:
I'm a newbie, I've finished writing, and it's not good, so please be considerate!
Complete test code (open with WeChat):
<script><br> function sendMessage(){<br> WeixinJSBridge.on('menu:share:appmessage', function(argv){<br> WeixinJSBridge.invoke('sendAppMessage',{<br> <br> "appid":"", //Appid can be set to empty. <br> "img_url":"", //The image path when sharing <br> "img_width":"120", //Image width<br> "img_height":"120", //Image height<br> "link":"<a href="http://www.jb51.net">http://www.jb51.net</a>", //Share the attached link address<br> "desc":"Geek Tag--http://www.jb51.net", //Introduction to sharing content<br> "title":"Discover geek tags - be the best geek knowledge sharing platform"<br> }, function(res){/*** Callback function, preferably set to empty ***/<br> <br> });<br> });<br> <br> WeixinJSBridge.on('menu:share:timeline', function(argv){<br> <br> WeixinJSBridge.invoke('shareTimeline',{<br> <br> "appid":"", //Appid can be set to empty. <br> "img_url":"", //The image path when sharing <br> "img_width":"120", //Image width<br> "img_height":"120", //Image height<br> "link":"<a href="http://www.jb51.net">http://www.jb51.net</a>", //Share the attached link address<br> "desc":"Geek Tag--http://www.jb51.net", //Introduction to sharing content<br> "title":"Discover geek tags - be the best geek knowledge sharing platform"<br> }, function(res){/*** Callback function, preferably set to empty ***/<br> });<br> <br> });</p> <p> <br> alert("Called successfully! Now you can share it with friends or circle of friends through the button in the upper right corner!");<br> <br> }<br> <br> function hideMenu(){<br> WeixinJSBridge.call('hideOptionMenu');<br> }<br> <br> function showMenu(){<br> WeixinJSBridge.call('showOptionMenu'); <br> }<br> <br> function hideTool(){<br> WeixinJSBridge.call('hideToolbar');<br> }<br> <br> function showTool(){<br> WeixinJSBridge.call('showToolbar');<br> }<br> </p> <p> if(document.addEventListener){<br> document.addEventListener('WeixinJSBridgeReady', sendMessage, false); <br> }else if(document.attachEvent){<br> document.attachEvent('WeixinJSBridgeReady' , sendMessage); <br> document.attachEvent('onWeixinJSBridgeReady' , sendMessage); <br> }<br> <br> //Determine whether the web page is called in WeChat<br> var ua = navigator.userAgent.toLowerCase();<br> if(ua.match(/MicroMessenger/i)=="micromessenger") {<br> } else {<br> alert("The call failed, please use WeChat to scan and scan the QR code below to open the webpage!");<br> }<br> </p> <p></script>