1. 程式人生 > >微信分享介面開發

微信分享介面開發

1.微信分享介面的開發分幾個步驟

a.得到ticket

b.根據ticket和url(#號後不要)得到signature,nonceStr,timestamp

c.根據得到的signature,nonceStr,timestamp 和appId 去通過config介面注入許可權驗證配置

d.通過ws.ready去實現分享介面,介面名稱參考http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html

官方校驗簽名網站:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

示例如下:

a.引入(必要的)<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

·可非同步得到config介面需要的引數,開發的時候將這個改為true

debug : true
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
	var targetUrl = location.href.split("#")[0];
	$.ajax({
		url : "logonAction.do?proc=initWeiXin&targetUrl=" + targetUrl,
		type : "get",
		datatype : 'html',
		cache : true,
		success : function(html) {
			wx.config({

				debug : false,// 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。
				appId : eval('(' + html + ')').appId,// 必填,公眾號的唯一標識
				timestamp : eval('(' + html + ')').timestamp,// 必填,生成簽名的時間戳
				nonceStr : eval('(' + html + ')').nonceStr,// 必填,生成簽名的隨機串
				signature : eval('(' + html + ')').signature,// 必填,簽名,
				jsApiList : [
				// 所有要呼叫的 API 都要加到這個列表中
				'onMenuShareTimeline' ]
			});
		}
	});
wx.ready(function() {
	//隱藏分享按鈕
	//WeixinJSBridge.call('hideOptionMenu');
		wx.onMenuShareTimeline({
		  title: '標題',
		  link: 'https://www.baidu.com',
		  imgUrl: 'https://www.baidu.com/img/bd_logo1.png',
		  success: function () { 
		  	alert('分享成功');
		  },
		  cancel: function () { 
		  	alert('取消分享');
		  }
		  }); 

	});

分享結果如下


注意:如果微信彈出 errormsg config invalid signature

,請確保url(#號後不要)的正確性,url和微信中複製連結地址是一樣的#號後不要

相關推薦

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

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

H5分享介面開發JS-SDK PHP[附原始碼]

背景        H5開發中幾乎所有專案都要用到自定義分享,見過的分享介面有php引入和ajax呼叫兩種,使用不方便且對程式碼環境有要求。故共享一版可通過javascript檔案引入方式來實現自定義分享的介面(這是15年底做的介面,一直在使用,如果有更簡單便捷的方法歡迎交流

分享介面開發

1.微信分享介面的開發分幾個步驟 a.得到ticket b.根據ticket和url(#號後不要)得到signature,nonceStr,timestamp c.根據得到的signature,nonceStr,timestamp 和appId 去通過config介面注入

Java分享介面開發

Java微信分享,步驟是1、根據當前的url,獲取signature,nonceStr,timestamp 和appId。 2、通過signature,nonceStr,timestamp 和appId來配置微信 wx.config。 3、通過wx.ready實現微信分享功能

php支付介面開發,獲取php掃碼支付返回結果,php開發微支付demo原始碼

現在很多網站都是用php開發的, 一些觀看了子恆老師微信公眾號運營視訊後, 想要更加深入的學習, 留言說“php怎麼做微信支付介面開發呢?” “有沒有php微信支付介面開發的demo例項” 下面來詳細談談… 一、 php微信支付介面開發要做的準備 只有你先準備配置好, 然後才能正確

mui、HBuilder、 HTML5+實現分享分享介面閃退的問題

實現微信分享的步驟有如下幾步:   1. 在微信開放平臺申請AppID、AppSecret;   2. 配置Hbuilder專案中的manifest.json檔案,新增分享許可權和配置分享SDK;    3. 測試分享。  

分享介面修改文案方法

1.引入相關檔案 <script type="tet/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2.微信分享方法封裝: /**     微信分享

支付介面開發_支付寶介面開發_銀行支付通道_企業對私低費率

1.準備工作 首先登入微信公眾平臺,獲取並配置以下微信開發配置: 開發者ID【AppID和AppSecret】伺服器配置 1.url伺服器地址設定 2.Token【自己設定,必須英文或數字】 3.EncodingAESKey[自己隨機生成,用於訊息加解密]然後登入微信商戶平

白鷺引擎的分享介面

在遊戲開發中微信分享功能是必不可少的 。在白鷺引擎中微信的分享介面跟cocos-js有一點出入。程式碼如下 //獲取簽名分享 var url = "http://www.gamedo.net:8889/get_sign?game_url=" + enc

vue 專案如何引入微sdk,使用分享介面

寫在前面: 做微信的網頁基本上都要接入微信的sdk,我在做的時候,也頗費了一番功夫,然後就想記錄一下,供自己日後翻閱,以及讓有需要的朋友可以做一下參考,如果喜歡的可以點波贊,或者關注一下,希望可以幫到大家。 安裝sdk npm instal

PHP支付介面開發

在開始之前先看下功能 然後選擇刷卡支付 輸入手機微信錢包的授權碼,成功執行 方法步驟: 需要先下一個DEMO,下DEMO的地方有兩個: 一個是微信官方開發者文件地址 但是官方的DEMO有個缺陷

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

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

公眾平臺開發-分享介面的實現

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http

公眾平臺網頁開發實戰--1.分享一個網頁到朋友圈

微信開發 html5 jssdk 實戰 網頁開發 對微信的JSSDK進行封裝一下,創建一份類似的文件結構,增加index.html與shareApi.js文件,結構如圖3.3所示。 圖3.3 3.2節文件結構另外,提醒讀者一下,wxJSSDK.js文件的JSSDK環境配置中,需要

小程序開發中怎麽設置轉發(分享)的

名稱 href 分享 。。 eight fun debug 定義 程序開發 如果什麽都不設置,轉發時默認名稱是小程序的名稱,轉發的圖片顯示的是當前頁面的截圖,如圖一 如何在自定義轉發信息呢? 在進行轉發的頁面中: Page({ onShareAppMessag

小程序開發定制硬貨分享—不怕神對手,就怕豬隊友!

小程序源碼 小程序價格 小程序開發一、微信小程序平臺有什麽優勢張小龍表曾說。“小程序真正的入口在二維碼上,未來更多希望小程序的啟動是掃二維碼實現。” 這一點讓很多行業都很適用。 互聯網已從“搜索框入口”進入“二維碼入口”時代。微信小程序是下一代互聯網最佳用戶觸點。可完美集成微信支付、微信客服;無需註冊、

與大家分享學習小程序開發的一些心得

什麽 改變 微信 -i 互聯 老板 con 美的 href 因為我也才開始學習微信小程序不久,下文也是現在的一時之言,大家有不同的想法也可以在評論裏共同交流討論,希望文章能給大家提供一點點幫助。 最近接觸到了一些前端框架,像Vue.js,React,發現小程序的框架體系

小程式開發--豆瓣圖書介面

由於微信小程式訪問豆瓣圖書介面的API被關閉, 所有從小程式端發起的訪問請求都會被拒絕, 403,禁止通訊。 其餘的資訊介面大都是http的,微信小程式中不允許訪問http, 我們通過中繼伺服器爬取並解析資料實現了一個可以在小程式中實現的圖書資訊查詢介面。 通過圖書的isbn 號碼查詢關於該圖書的各

公眾平臺開發(120) 支付報關介面

關鍵字:微信支付 微信支付v3 報關介面 作者:方倍工作室  本文介紹微信支付下的報關介面的開發過程。微信報關是用於商戶提交海關需要的訂單資訊。   一、報關介面API 介面地址 https://api.mch.weixin.q

支付v3開發(6) 收貨地址共享介面

請看新版教程  微信支付開發(7) 收貨地址共享介面V2 本文介紹微信支付下的收貨地址共享介面的開發過程。 一. 簡介 微信收貨地址共享,是指使用者在微信瀏覽器內開啟網頁,填寫過地址後,後續可以免填寫支援快速選擇,也可增加和編輯。此地址為使用者屬性,可在各商戶的網頁中