1. 程式人生 > >微信JS-SDK實現自定義分享功能,分享給朋友,分享到QQ,分享到微博

微信JS-SDK實現自定義分享功能,分享給朋友,分享到QQ,分享到微博

其實除了可以在微信上分享到朋友圈和傳送給好友,微信的分享介面還提供了分享到QQ和分享到騰訊微博……小編又繼續去微信公眾平臺學習了一下,其實都是一樣的嘛!就是在頁面的config介面注入許可權驗證配置好就ok

類似於“分享到朋友圈”按鈕點選狀態及自定義分享內容介面,我們呼叫“分享到QQ”和“分享到騰訊微博”按鈕點選狀態及自定義分享內容介面

獲取“分享到QQ”按鈕點選狀態及自定義分享內容介面

wx.onMenuShareQQ({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連結
    imgUrl: '', // 分享圖示
    success: function () { 
       // 使用者確認分享後執行的回撥函式
    },
    cancel: function () { 
       // 使用者取消分享後執行的回撥函式
    }
});

獲取“分享到騰訊微博”按鈕點選狀態及自定義分享內容介面

wx.onMenuShareWeibo({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連結
    imgUrl: '', // 分享圖示
    success: function () { 
       // 使用者確認分享後執行的回撥函式
    },
    cancel: function () { 
        // 使用者取消分享後執行的回撥函式
    }
});

獲取“分享到QQ空間”按鈕點選狀態及自定義分享內容介面

wx.onMenuShareQZone({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連結
    imgUrl: '', // 分享圖示
    success: function () { 
       // 使用者確認分享後執行的回撥函式
    },
    cancel: function () { 
        // 使用者取消分享後執行的回撥函式
    }
});

          其實我想說,這些介面都是微信公眾平臺提供的,提供介面和呼叫文件,所以一定要養成查閱官方文件的習慣。在北京的日子,不管是做專案、談業務,還是吃飯、睡覺……都和微信有關係,四個月的時間,唯一沒有離開我的是微信……


相關推薦

JS-SDK實現定義分享功能分享朋友分享QQ分享

其實除了可以在微信上分享到朋友圈和傳送給好友,微信的分享介面還提供了分享到QQ和分享到騰訊微博……小編又繼續去微信公眾平臺學習了一下,其實都是一樣的嘛!就是在頁面的config介面注入許可權驗證配置好

JS SDK實現分享朋友圈和分享朋友功能(服務端介面開發)

前端呼叫的介面(getInfo.php)如下,通過該介面可以獲取所需的校驗欄位。 <?php require_once "jssdk.php"; $url=isset($_GET['url'])

公眾號開發《四》使用JS-SDK實現手機圖片上傳支援壓縮、預覽。並下載圖片到自身伺服器

在這貼上上三篇博文連結,方便大家查閱互相學習: 本次講解微信開發第四篇:呼叫微信JS-SDK實現上傳手機圖片到伺服器,是非常常見的功能。如我們看到的使用者上傳頭像 下面是本次要實現的效果圖,支援預覽,壓縮上傳(自帶,可引數控制) 1.準備工作:工欲善其事,必先利其

呼叫JS-SDK定義分享以及其他介面

package com.zzx.Weixin.Util.action; import java.io.IOException; import java.security.MessageDigest; import java.util.UUID; import javax.servlet.http.Http

.Net網頁開發之使用JS-SDK定義分享內容

第一步、微信JS-SDK的使用步驟,配置資訊的生成獲取講解:   關於JS-SDK的使用步驟和timestamp(時間戳),nonceStr(隨機串),signature(簽名),access_token(介面呼叫憑據)生成獲取的詳細說明在這裡:https://www.cnblogs.com/Can-day

公眾號開發 定義分享 從前臺到Java後臺 呼叫JS介面分享朋友

20180811寫在前面的話 有很多人遇到問題之後問我,結果大多數是因為配置問題,所以請詳細閱讀前面的配置步驟。 20181016注意事項 文中原始碼下載地址 上面這個地址是我當時做的整個專案的原始碼,包含了一些業務在裡面,用的是SSM框架,現在寫了一

js-sdk+JAVA實現分享介面

1、獲取公眾號appid和secret       登入微信公眾平臺-基本配置 2、配置JS安全域名       公眾號設定-功能設定       注意:MP_verify_0MVuWBvVPoPJOmPF.txt伺服器不能攔截 3、IP白名單配置       開

關於JS-SDK 分享介面的兩個報錯記錄

一、前提: 微信測試號,用微信開發者工具測試 二、簡單複述文件: 1、引入JS檔案 在需要呼叫JS介面的頁面引入如下JS檔案,(支援https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js 如需進一步提升服務穩定性,當上述資源不可訪問時,可改訪問:ht

JAVA實現呼叫js-sdk掃一掃

喜歡的朋友可以關注下。 已經很久沒有給大家分享一片技術文章了,今天抽了點時間來,給大家說一說如何呼叫微信提供的掃一掃介面。 前提: 需要申請一個公眾號:申請公眾號需要的資料我就不說了,去申請微信會提示需要哪些。 準備appid(公眾號的id) AppSecret (

分享一個PHP獲取JS-SDK配置的操作類

本來是使用easywechat的函式直接生成JS配置的,可是不知為何老是提示簽名是非法的,無奈只有自己寫一個操作類來獲取簽名了….. 但是不得不說easywechat是真的好用,特別是支付,簡直不能更簡單了,強行安利一波:https://www.easywechat.com/

小程式之——定義分享按鈕(完整版)

1.宣告 onShareAppMessage 函式   onShareAppMessage() {          return {        title: '彈出分享時顯示的分享標

JS-SDK 分享介面開發(介紹版)

本文主要是分享自己的開發過程,希望能給部分存在同樣問題的朋友一點點幫助;最近專案中的網頁通過微信分享朋友或朋友圈等功能出現了無法顯示分享圖片等資訊,後經過排查發現是微信版本升級導致,採用js-sdk完成分享介面,為了快速實現該功能效果,於是我打算通過前臺js進行實現來看看分享

JS-SDK影象介面的具體實現

影象選擇、上傳、預覽、下載 首先就是通過config介面注入許可權驗證配置這個就不多說了,通過百度大家基本上都可以自行解決。 影象選擇 wx.chooseImage({ count: 1, // 預設9,這個是可以選擇圖片的數量 siz

開發(2):js sdk分享朋友朋友獲取config介面注入許可權驗證(java)

進行微信開發已經一陣子了,從最初的什麼也不懂,到微信授權登入,分享,更改底部選單,素材管理,等。 今天記錄一下微信jssdk 的分享給朋友的功能,獲取config介面注入。 官方文件走一下 簡單說:四步走 1.繫結域名 (注意:設定js安全域名的時候,需

公眾號開發--JS-SDK分享朋友圈和分享朋友

之前寫過一篇使用微信JS-SDK來實現掃一掃功能的部落格 在該部落格裡介紹了微信JS-SDK的基本用法,其中包括以下幾個步驟 還詳細介紹了通過config介面注入許可權驗證配置以及簽名演算法實現的Java版本 前兩天在做微信分享的時候發現按照以前的

公眾號開發《三》JS-SDK之地理位置的獲取整合百度地圖實現線上地圖搜尋

本次講解微信開發第三篇:獲取使用者地址位置資訊,是非常常用的功能,特別是服務行業公眾號,尤為需要該功能,本次講解的就是如何呼叫微信JS-SDK介面,獲取使用者位置資訊,並結合百度地鐵,實現線上地圖搜尋,與線上導航。 在這貼上上二篇博文連結,方便大家訪問: 1.何為J

【Vue】VueJS-SDK分享(系列二)

Vue中使用微信JS-SDK,配置分享 這是微信系列的第二篇,這裡講會講到微信SDK分享的運用(分享都會了,其他的API不就一通百通了嗎) 1:微信公眾平臺配置好域名 2:專案引入微信js-sdk 這裡我需要用到微信js-sdk的.js檔案,匯入方式: 下

小程式(三)定義分享按鈕和原生分享&區分不同按鈕的分享&帶引數分享和獲取

官方的分享 點選右上角的三個點 /** * 使用者點選右上角分享 */ onShareAppMessage: function(ops) { wx.showShareMenu({

JS-SDK 分享回撥失效

官方說明如下: 獲取“分享給朋友”按鈕點選狀態及自定義分享內容介面 wx.onMenuShareAppMessage({ title: '', // 分享標題 desc: '', // 分享描述 link: '', // 分享連結 im

JS簡單實現定義右鍵菜單

ans idt 右鍵 動畫 忘記 span spa round 部分 RT,一個簡單的例子,僅僅講述原理 <div id="menu" style="width: 0;height: 0;background: cadetblue;position: absolu