用 WeixinJSBridge.invoke函式實現微信分享標題和文案

阿新 • • 發佈：2019-01-20

一. 分享html

<html>
<head>
<meta charset='utf-8'>
<script type='text/javascript' src='1.js'></script>
</head>
<body>
   <div style ='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
       <img src='/image/demo.jpg'/>
   </div>
</body>
</html>

二. js檔案

var imgUrl = 'http://www.baidu.com/images/share.jpg';  // 分享後展示的一張圖片
var lineLink = 'http://www.baidu.com'; // 點選分享後跳轉的頁面地址
var descContent = "描述資訊";  // 分享後的描述資訊
var shareTitle = '標題';  // 分享後的標題
var appid = '';  //應用id,如果有可以填，沒有就留空

function shareFriend() {
    WeixinJSBridge.invoke('sendAppMessage',{
        "appid": appid,
        "img_url": imgUrl,
        "img_width": "200″,
        "img_height": "200″,
        "link": lineLink,
        "desc": descContent,
        "title": shareTitle
    }, function(res) {
        //_report('send_msg', res.err_msg);  // 這是回撥函式，必須註釋掉
    })

}

function shareTimeline() {
    WeixinJSBridge.invoke('shareTimeline',{
        "img_url": imgUrl,
        "img_width": "200″,
        "img_height": "200″,
        "link": lineLink,
        "desc": descContent,
        "title": shareTitle
        }, function(res) {
       //_report('timeline', res.err_msg); // 這是回撥函式，必須註釋掉

    });
}

function shareWeibo() {
    WeixinJSBridge.invoke('shareWeibo',{
        "content": descContent,
        "url": lineLink,
    }, function(res) {
        //_report('weibo', res.err_msg);
    });
}

  // 當微信內建瀏覽器完成內部初始化後會觸發WeixinJSBridgeReady事件。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 傳送給好友
    WeixinJSBridge.on('menu:share:appmessage', function(argv){
        shareFriend();
	});

    // 分享到朋友圈
    WeixinJSBridge.on('menu:share:timeline', function(argv){
        shareTimeline();
    });
    // 分享到微博
    WeixinJSBridge.on('menu:share:weibo', function(argv){
        shareWeibo();
    });
}, false);

用 WeixinJSBridge.invoke函式實現微信分享標題和文案

一. 分享html <html> <head> <meta charset='utf-8'> <script type='text/javascript' src='1.js'></script> </he

Vux+Cordova打包的安卓App實現微信分享朋友和朋友圈

知識儲備 Cordova Plugin ShareSDK 外掛什麼是Cordova Plugin ShareSDK Cordova Plugin ShareSDK封裝了ShareSDK的android和ios平臺的分享功能。在hybird app開發中可以方便的完成分享功能。如:ion

Android 實現微信分享好友和朋友圈

1.在微信開放平臺建立移動應用，並通過稽核，這裡要注意的是應用簽名要一致，（下載官網上的APK,輸入包名就可以生成了） 2.具體用法可以看官網的文件，這裡只總結使用過程遇到的問題和解決方法 3. 參照這個用法分享是可以的，但是如果你的圖片大於32kb就不

android 實現微信分享多張圖片的功能

files gui 功能實現 pen ring row 還要 bsp sha 昨天公司老大通知客戶改需求了，原來的微信分享改成分享多張圖片，然後屁顛屁顛跑到微信平臺看了以後心裏千萬只草泥馬狂奔而過，微信平臺沒有提供分享多張的SDK有木有啊，我們只能自己調用系統自帶的分享

php實現微信分享朋友圈

public private abcd ushare name preview set PE char class JSSDK { private $appId; private $appSecret; public function __construct($a

Vue 項目實現微信分享的自定義分享鏈接問題解決

情況錯誤目的是個找問題自定義分享當前頁不用 appid 前言：　　前兩天在做微信公眾號裏的項目的時候有一個需求是在 vue 項目中實現微信分享，然後在自定義分享鏈接的時候出了一些問題，分享出去的自定義鏈接（鏈接中攜帶參數）總是會直接跳到項目首頁，而且是玄學跳

實現微信分享功能

實現微信分享功能整理 1、引入js檔案 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2、通過config介面注入許可權驗證配置 var wxConfig = { de

Vue實現微信分享

1、安裝 npm install weixin-js-sdk 2、 import wx from 'weixin-js-sdk'; **初始化的時候就獲取簽名** 程式碼 let url = process.env.baseShortUrl+'/ins_w

android實現微信朋友圈和微信好友分享功能

今天的這篇文章是基於上一篇微信登入的基礎實現的。可以先看看我的微信登入的實現。廢話不多說，先看執行效果首介面，點選微信登入，彈出分享選單，樓主比較懶，圖片和按鈕文字都沒換，希望大家不要介意點選微信好友我們到微信看看是否收到可以看到，沒毛病，

關於Vue單頁面實現微信分享的Bug

// 問題描述在微信中分享到朋友圈或好友時，分享出去的路由被破壞，開啟分享的連結，路由中的“#”會被去掉並追加？from= & Timeline= 之類的字尾引數，這就造成了分享出去的連結只能進入首頁，無法正常跳轉到其他路由。 //該問題產生的原因可能是由於vue的hash模式，微信瀏覽器只記錄了第

ShareSDK接入實現微信分享功能（轉）

ShareSDK接入實現微信分享功能首先需要去Mob官網（http://www.mob.com/）下載shareSDK For Unity3d 下載完成,解壓，將以下plugins資料夾移入Unity專案的Assets資料夾裡，並將專案平臺轉換為安卓平臺在場景裡建立幾個cube作為

React / Vue 前後端分離專案實現微信分享教程

小編推薦：Fundebug專注於JavaScript、微信小程式、微信小遊戲，Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務，眾多大佬公司都在使用。網上非常多的微信分享例子和教程，但是都不全面，甚至不少錯誤。自己根據微信官方文件踩了好幾個坑才擼成功。痛

前端實現微信分享

前端實現微信分享。 1.申請微信公眾平臺中的JS介面安全域名 2.配置開發環境 3.呼叫js-sdk開放的微信分享介面 4.實現分享引入微信開發js <script type="text/javascript" src="http://res.wx.qq

android後臺動態建立圖片並實現微信分享

今天就記錄一下。先說明一下，之前沒有做過類似的東西，百度了一兩天才知道，說來很慚愧、有點笨，只能這樣說。在我的腦裡只明白，如果要動態建立圖片：一、就是new 嘛二、就是LayoutInflater.from()這種。而微信分享圖片到朋友圈，這種不可能new text

js實現微信分享

微信分享就是要在分享的時候圖片和文字以自己想要的形式展示在分享卡片上，現在分享下我的經驗。 1.首先要引入微信的js <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2.訪問介面 $.a

實現微信分享以及解決分享後的回撥監聽是否分享成功

最近要實現一個分享到微信朋友圈的功能，遇上趕快找度娘，一打聽，實現方法有2種，一種是通過intent意圖開啟微信的分享介面，經過試用了其他應用，這個方法體驗不好，果斷pass掉，第二種方法就是去微信官網開開發者文件。看了之後發現要先提交自己的應用，然後通過稽核後才能使用微信

android 實現微信分享新增縮圖的一個大坑

在微信分享中，官方給我們提供的設定縮圖的方法為這時候你會發現Util這個檔案是沒有的，要去開發SDK裡面找到這個類，把這類拿來之後，然後很高興的去運行了，這時候你就會發現你個調不起微信客戶端，很鬱

Vue2.0專案實現微信分享時遇到的幾個問題

最近做公司的一個平臺專案,需要放到微信上面,在寫微信分享功能時遇到了幾個坑,現總結一下,以免日後忘記1.分享功能的config和介面的呼叫寫在mounted函式當中2.後臺在生成簽名的時候需要當前網頁的地址,前段傳過去的地址一定不要包含#機器後面的部分3.微信的分享的sdk中

使用jquery.qrcode生成二維碼實現微信分享功能

pen spa blog 插件詳情空間 asc inf pan 前言：最近有個這樣的需求，在pc端的商品詳情頁增加分享功能。微博分享、QQ好友分享、QQ空間分享這些都很常見。但是微信分享我還沒有手動寫過（以前改過）。最終效果如下圖：解決方案：使用jque

不使用官方SDK,實現微信分享（傳送到朋友，傳送到朋友圈）

發現很多同學發帖說使用微信官方提供的sdk，實現微信分享的過程中遇到問題。我下載了微信的sdk，測試了一下，也失敗了。估計是應用需要通過官方稽核。既然官方sdk測試不了，那我就使用絕招了：下面便是傳送到朋友，傳送到朋友圈的程式碼。（可以同時傳送圖片和文字感謝@空心糖的反

用 WeixinJSBridge.invoke函式實現微信分享標題和文案

相關推薦