记录一下微信、QQ、微博分享web网页功能

分享至QQ，生成一个二维码，扫码进入网页

      const url = "https://www.mi.com/?masid=2701.0318"; // 需要分享的网址

      const summary = "你的分享描述信息";

      const title = "这是分享的标题,just test share"; // 分享的标题

      const params =

        "url=" +

        encodeURI(url) +

        "&title=" +

        encodeURI(title) +

        "&summary=" +

        encodeURI(summary);

      //   分享至QQ，生成一个二维码，扫码进入网站

      var urlData = "http://connect.qq.com/widget/shareqq/index.html?" + params;

分享至qq空间

      const url = "https://www.mi.com/?masid=2701.0318"; // 需要分享的网址
      const desc = "你的分享描述信息";
      const title = "这是分享的标题,just test share"; // 分享的标题
      const params =
        "url=" +
        encodeURI(url) +
        "&title=" +
        encodeURI(title) 
        "&desc=" +
        encodeURI(desc);
      var urlData =
        "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?" + params;
      window.open(urlData, "_blank");

分享至新浪微博动态

      const url = "https://www.mi.com/?masid=2701.0318"; // 需要分享的网址
      const title = "这是分享的标题,just test share"; // 分享的标题
      const params =
        "url=" +
        encodeURI(url) +
        "&sharesource=weibo" +
        "&title=" +
        encodeURI(title);
      var urlData = "http://service.weibo.com/share/share.php?" + params;
      window.open(urlData, "_blank");

分享至微信

利用qrcode生成二维码，微信扫码进入网页

npm i qrcodejs2
import QRCode from "qrcodejs2"

      const codeBox = document.querySelector(".wxShareCode");
      console.log(codeBox);
      const qrcode = new QRCode(codeBox, {
        text: "https://www.mi.com/?masid=2701.0318",
        width: 200,
        height: 200,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H,
      });