Record the functions of sharing web pages on wechat, QQ and Weibo

Record wechat 、QQ、 Share on Weibo web Web page function

Share to QQ, Generate a QR code , Scan the code to enter the web page

      const url = "https://www.mi.com/?masid=2701.0318"; //  URL to share 

      const summary = " Your shared description ";

      const title = " This is the title of the share ,just test share"; //  Shared title 

      const params =

        "url=" +

        encodeURI(url) +

        "&title=" +

        encodeURI(title) +

        "&summary=" +

        encodeURI(summary);

      //    Share to QQ, Generate a QR code , Scan the code to enter the website 

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

Share to qq Space

      const url = "https://www.mi.com/?masid=2701.0318"; //  URL to share 
      const desc = " Your shared description ";
      const title = " This is the title of the share ,just test share"; //  Shared title 
      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");

Share to Sina Weibo news

      const url = "https://www.mi.com/?masid=2701.0318"; //  URL to share 
      const title = " This is the title of the share ,just test share"; //  Shared title 
      const params =
        "url=" +
        encodeURI(url) +
        "&sharesource=weibo" +
        "&title=" +
        encodeURI(title);
      var urlData = "http://service.weibo.com/share/share.php?" + params;
      window.open(urlData, "_blank");

Share to wechat

utilize qrcode Generate qr code , Wechat scanning code to enter the web page

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,
      });