H5頁面微信分享

2021-10-02 00:12:52 字數 1541 閱讀 9433

例如:

標題<

/title>

描述:自動獲取當前瀏覽頁的url

(不可自定義,無法修改)

縮圖:可以在父層 div 上設定 display: none; 或者對 img 設定 position: absolute; visibility: hidden;)

例如:

"display:none;"

>

"./logo512.png" alt=

"">

<

/div>

"root"

>

<

/div>

<

/body>

一定要認真讀文件,按照文件的步驟一步一步配置,以下僅僅是在專案**中的使用方式

yarn add (npm install) weixin-js-sdk

import wx from

'weixin-js-sdk'

;getwxinformation

=(url,args)

=>

;

ajax.

post

("url").

then

(res =>);

};//先wx.config被呼叫之後,成功,wx.ready方法才會被呼叫

"updatetimelinesharedata"

,所以呼叫的時候可以配置一下老的api,以免某些手機出現不支援使用新api,這樣就可以避免相容問題了(

,"onmenusharetimeline"對應的老api)

wxconfig

=(data,config)

=>);

wx.checkjsapi

(,"errmsg":"checkjsapi:ok"}}}

);wx.

ready

(function()

}); wx.

onmenusharetimeline(}

);wx.(}

);wx.

updatetimelinesharedata(}

)});

wx.error

(function

(res));

};

原因:

//localhost:

8080

/login

//localhost:

8080

/login?form=

...等內容,

與生成wx.config引數時所需要的頁面url產生差異,所以導致二次分享自定義內容失效

解決辦法:

在html檔案中重置一下路由

例如:if

(window.location.href.

includes

("from="))

實現H5頁面微信分享功能

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

微信h5頁面製作總結

第 一 尺寸問題 設計圖的尺寸我剛開始要的是750 1334px,但是在實際應用中發現忽略了手機的狀態列和導航欄的高度 iphone的設計標準,狀態列和導航欄的獨立畫素高度分別為40px和88px android系統的可以更改狀態列和導航欄的高度,可以取預設值為48px和100px 所以設計元素的展...

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

一 獲取基本資訊 二 實現 1 頁面引入js sdk檔案 2 基本配置 3 使用 三 除錯 wx.config裡的debug欄位設定為true時,就可以進行除錯。四 遇到的問題及解決方案 1 uncaught typeerror cannot read property config of unde...