小程序生成urlscheme指南

发布时间：2023-05-17

一、小程序生成器

小程序生成器是小程序官方提供的工具，让开发者可以快速生成小程序链接。只需要填写小程序的“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的几种常见方法，开发者可以根据自己的需求进行选择使用。

推荐文章