vue 微信分享朋友圈或朋友 demo

2022-06-18 05:39:11 字數 1764 閱讀 9571

先寫乙個share.js   放在 utils   

準備工作 需要weixin-js-sdk    

npm install weixin-js-sdk

安裝好後可以使用一下兩種方式進行引入。
/*

使用commonjs規範引入

*/const wx = require('weixin-js-sdk');

/*使用es6模組引入

*/import wx from 'weixin-js-sdk';

直接上demo**  

import  from "../api/http";//封裝的請求方式post  get  

import wx from 'weixin-js-sdk'export const sharetitle = '測試';

export const shareurl = '測試連線';

export const shareimg = '測試';

export const sharedesc = '測試詳情'; /*

* *分享

* @param _this

* @param sharetitle 標題

* @param shareurl 鏈結

* @param shareimg

* @param sharedesc 描述

* 也可以傳入物件 把這個demo變成乙個公共方法,主要是便於**分享成功的方法 例如 export const option

*///舉例:

let option = ,

error: function () 

//end

export const commonshare = (_this, sharetitle, shareurl, shareimg, sharedesc) =>;

post('main/getsharesign',data).then(res =>);

wx.ready(

function

() ,

cancel:

function

() });

title: sharetitle,

//分享標題

desc: sharedesc, //

分享描述

link: shareurl, //

imgurl: shareimg, //

分享圖示

type: "", //

分享型別,music、video或link,不填預設為link

dataurl: "", //

如果type是music或video,則要提供資料鏈結,預設為空

success: function

() ,

cancel:

function

() });

});} }).

catch(err =>)

};

var sharetitle=this

.goodstitle;

var shareurl=this

.url;

var shareimg=this

.goodsimg;

var sharedesc="簡介詳細";

commonshare(

this, sharetitle, shareurl, shareimg, sharedesc);//

微信js分享朋友圈(一)

1.繫結網域名稱 備註 登入後可在 開發者中心 檢視對應的介面許可權。2.引入js檔案 wx.config 4.通過ready介面處理成功驗證 config資訊驗證後會執行ready方法,所有介面呼叫都必須在config介面獲得結果之後,config是乙個客戶端的非同步操作,所以如果需要在頁面載入時...

android 微信朋友圈微博分享

新增 和資源引用,我們提供了新增資源檔案和jar檔案的兩種方式,可以根據需求選擇 解壓sdk壓縮包,將資料夾中的 main libs 和 main res 資料夾複製到你的專案工程根目錄下 如使用 adt 17 以下使用者需要手動新增 libs 下的jar檔案到工程path中 解壓sdk壓縮包,將資...

微信分享到朋友圈和會話

官方指南 將sdk檔案中包含的libwechatsdk.a,wxapi.h,wxapiobject.h三個檔案新增到你所建的工程中。在xcode4中,選擇你的工程設定項,選中 targets 一欄,在 info 標籤欄的 url type 新增 url scheme 為你所註冊的應用程式id。如果使...