小程序生成urlscheme指南

一、小程序生成器

小程序生成器是小程序官方提供的工具，讓開發者可以快速生成小程序鏈接。只需要填寫小程序的「AppID」，「頁面路徑」等信息即可生成小程序的鏈接。

function generateUrl(appid, pagepath){
  var url = "https://mp.weixin.qq.com/mp/waapp/get_wx_open_url?action=get&appid="+appid+"&path="+encodeURIComponent(pagepath);
  return url;
};

二、小程序怎麼生成

在開始生成小程序之前，需要先獲取小程序的「AppID」和「頁面路徑」。在小程序後台可以找到這些信息。

通過以上獲取到的信息，再調用小程序生成器就可以快速生成小程序鏈接了。

$('button').click(function(){
  var appid = $('input[name=appid]').val();
  var pagepath = $('input[name=pagepath]').val();
  var url = generateUrl(appid, pagepath);
  $('input[name=url]').val(url);
});

三、小程序生成鏈接

生成小程序鏈接需要的信息包括小程序的「AppID」和「頁面路徑」，這兩個信息都可以在小程序後台找到。還可以通過接口獲取小程序的二維碼圖片，最後通過圖片解碼得到小程序鏈接。

function generateQrCode(appid, path){
  var url = "https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token="+token;
  var data = {
    path: path,
    width: 280
  };
  $.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data),
    success: function(res){
      if(res.errcode === 0){
        $('#qrcode').attr('src', 'data:image/jpeg;base64,'+res.buffer);
        var url = decodeURIComponent(res.url);
        $('input[name=url]').val(url);
      }
    }
  });
};

四、小程序生成普通二維碼

除了小程序鏈接，還可以生成普通的二維碼。生成普通二維碼需要說明二維碼的大小、內容，最後再調用接口生成二維碼。

function generateNormalQRCOde(content){
  var url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token="+token;
  var data = {
    action_name: "QR_LIMIT_STR_SCENE",
    action_info: {
      scene: {
        scene_str: content
      }
    }
  };
  $.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data),
    success: function(res){
      if(res.errcode === 0){
        $('#qrcode').attr('src', 'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='+encodeURIComponent(res.ticket));
        var url = decodeURIComponent(res.url);
        $('input[name=url]').val(url);
      }
    }
  });
};

五、小程序生成優惠券

生成小程序優惠券需要設置優惠券的名稱、金額、有效期等信息，之後再將這些信息同樣通過接口生成二維碼圖片，最後通過解碼得到小程序鏈接。

function generateCoupon(appid, couponId){
  var url = "https://api.weixin.qq.com/mkt/ticket/qrcode/create?access_token="+token;
  var data = {
    action_name: "QR_CARD",
    action_info: {
      card: {
        card_id: couponId
      }
    }
  };
  $.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data),
    success: function(res){
      if(res.errcode === 0){
        $('#qrcode').attr('src', 'data:image/jpeg;base64,'+res.buffer);
        var url = decodeURIComponent(res.url);
        $('input[name=url]').val(url);
      }
    }
  });
};

六、小程序生成平台系統

小程序生成平台系統需要設置小程序的「AppID」、「頁面路徑」等信息，並將這些信息通過接口生成二維碼圖片。使用過程中還需要先獲取access_token。

function generatePlatform(appid, pagepath){
  var url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token="+token;
  var data = {
    action_name: "QR_LIMIT_STR_SCENE",
    action_info: {
      scene: {
        scene_str: appid+':'+pagepath
      }
    }
  };
  $.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data),
    success: function(res){
      if(res.errcode === 0){
        $('#qrcode').attr('src', 'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='+encodeURIComponent(res.ticket));
        var url = decodeURIComponent(res.url);
        $('input[name=url]').val(url);
      }
    }
  });
};

七、小程序生成海報

生成小程序海報需要分別設置海報的尺寸、背景、二維碼等信息。生成海報的主要是圖片鏈接，需要自己進行設計，也可以使用第三方工具進行製作，最後將海報和二維碼進行結合。

function generatePoster(appid, pagepath){
  var qrCode = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket="+encodeURLComponent(ticket);
  var poster = "https://your_domain.com/poster.jpg";
  var qrcodeSize = 200;
  var canvas = document.createElement('canvas');
  var context = canvas.getContext('2d');
  canvas.width = 480;
  canvas.height = 720;
  
  var img_bg = new Image();
  img_bg.src = poster;
  img_bg.onload = function(){
    context.drawImage(img_bg, 0, 0, 480, 720);
    var img_qrcode = new Image();
    img_qrcode.src = qrCode;
    img_qrcode.onload = function(){
      context.drawImage(img_qrcode, 140, 450, qrcodeSize, qrcodeSize);
      var image = canvas.toDataURL('image/jpeg');
      $('#poster').attr('src', image);
    }
  }
};

八、小程序生成圖片

小程序生成圖片需要先獲取小程序的截圖，之後使用第三方API將截圖轉換成圖片。最後將生成的圖片和二維碼結合即可。

function generateImage(){
  html2canvas($('#app'), {
    onrendered: function(canvas) {
      var image = canvas.toDataURL();
      $('#app-image').attr('src', image);
      var qrCode = "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket="+encodeURLComponent(ticket);
      var img_qrcode = new Image();
      img_qrcode.src = qrCode;
      img_qrcode.onload = function(){
        context.drawImage(img_qrcode, 180, 280, qrcodeSize, qrcodeSize);
        var image_with_qrcode = canvas.toDataURL('image/jpeg');
        $('#image-with-qrcode').attr('src', image_with_qrcode);
      }
    }
  });
};

以上是小程序生成urlscheme的幾種常見方法，開發者可以根據自己的需求進行選擇使用。