關於H5頁面在微信端的分享

2021-08-27 18:19:38 字數 637 閱讀 4467

一、獲取基本資訊

二、實現

1、頁面引入js-sdk檔案

2、基本配置

3、使用

三、除錯

wx.config裡的debug欄位設定為true時,就可以進行除錯。

四、遇到的問題及解決方案

1、uncaught typeerror: cannot read property 'config' of undefined

解決:html頁面單獨引入了sdk,並且元件統一也引入了一遍sdk,導致問題,刪除其中之一。

2、uncaught (in promise) typeerror: cannot read property 'ready' of undefined

解決:同問題1。

3、invalid signature

解決:如果文件裡的方法都沒有解決這個問題,還有一種方法,先設定一種最基礎的配置,使其config ok,然後再設定一遍自己需要的有各種引數的分享文案,這樣能繞過配置,成功分享。說的可能有點拗口,簡單點理解就是,頁面只要有乙個config成功的配置,就可以再繼續配置其它分享,哪怕這個分享配置的signature無效。

H5頁面微信分享

例如 標題 title 描述 自動獲取當前瀏覽頁的url 不可自定義,無法修改 縮圖 可以在父層 div 上設定 display none 或者對 img 設定 position absolute visibility hidden 例如 display none logo512.png alt d...

實現H5頁面微信分享功能

官方是在title下邊引入 我是在body下面直接引用的,沒發現有什麼問題 script 接下來要配置config,我的是通過公司提供的js介面獲取的資訊,並且呼叫方法。var title 這裡面寫分享的名字 公司介面url location.href ajax.send ajax.onreadst...

H5頁面在微信端的分享(分享到朋友圈,好友)

1 頁面引入js sdk檔案 2 基本配置 wx.config 3 使用 wx.ready function cancel function cancel function 分享成功 function dosharedone 取消分享 function dosharecancel wx.config...