淘宝客小程序制作（4）-小程序（微信支付宝）

前提：淘宝客类的小程序微信是不能上线的，这里只是学习使用，请谨慎订阅，不过API可以使用在自己的网站或者APP里面

学习对象： 具有自己的网站或着线上有自己的APP的开发人员

小程序效果如图：

改章节所需条件（以微信为例，支付宝）：

微信小程序
支付宝小程序（直接提供代码）

1、注册微信

1.1 微信小程序注册流程

1.1.1 对于个人开发者来说，注册一个小程序非常简单，整个过程耗时不到十分钟。 首先，你需要进入 http://mp.weixin.qq.com，点击右上角的立即注册链接，在帐户类型页面中，选择小程序。
1.1.2 填写你的信息。提交后，填写的邮箱会收到一封确认注册邮件，你需要点击邮件中的确认，继续注册流程。 注意：注册小程序所用的邮箱，不能为已经绑定公众号、小程序、个人号的邮箱。
1.1.3 确认了邮箱之后，你需要填写小程序的主体信息。在这一步，你需要验证你的手机号，并使用你自己的微信号扫码确认。
1.1.4 主体验证后，你就可以进入到小程序的后台了
1.1.5 根据页面提示，补充小程序的名称、图标（头像）、小程序介绍和服务类目。 需要注意的是，在发布前，你有 3 次确定小程序名称的机会（包括首次填写）；发布之后，小程序暂不支持改名。 仔细想好小程序的名称，再确认注册
1.1.6 小程序就注册完成了！接下来，你可以下载微信 web 开发者工具，开始开发、发布你的小程序。

2、微信小程序编写代码

2.1 编写微信小程序

下载微信快乐小券源代码；提取码: pk86 解压密码：654321

2.1.1 打开微信小程序工具，导入项目

配置自己的项目app.json

{
  "pages": [
    "pages/index/index",
    "pages/list/list",
    "pages/topic/topic",
    "pages/mine/mine"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "快乐小券",
    "navigationBarTextStyle": "black"
  
  },
  "sitemapLocation": "sitemap.json"
  
}

2.1.2 替换url

主要修改内容page文件下的js文件，例如：page/index/index.js
将js中的url，替换成自己写好的就行；

url: 'https://www.houbingshuai.cn:8443/api/moptimus?key=女装&page_no=1&page_size=10',

2.1.3 微信小程序的工具文件wxs

例如：replace.wxs,也可以根据这种写法添加

var delHtmlTag = function (str) {
  if (str !== undefined && str !== null) {
    var reg = getRegExp("<[^>]+>", "g");
    var result = str.replace(reg, '');
    return result;
  }
}
module.exports.delHtmlTag = delHtmlTag;

var numberUtil = function (value) {
  var v = parseInt(value)//强转Int，毕竟有可能返回是String类型的数字
  return v.toFixed(2)
}

module.exports.numberUtil = numberUtil;

在wxml的引用是：

<wxs src="../../wxs/replace.wxs" module="tools" />

使用方式
tools.delHtmlTag(item.title)

3、支付宝小程序编写代码

3.1 编写支付宝小程

下载支付宝快乐小券源代码；提取码: fr2d
和微信基本类似，有的只是极个别语法不一致，需要查询支付宝小程序开发文档即可https://opendocs.alipay.com/mini/developer/getting-started。
以上就是微信小程序的全部内容。第一次终结还有很多不足，欢迎大家提出宝贵意见，谢谢

4、京东拼多多

4.1 简单介绍下京东拼多多优惠券

对于京东需要企业认证，拼多多只有PHP语言的SDK