微信小程序常用API_说一说微信小程序常用的api。

1.路由5种跳转方式
(1)wx.switchTab :只能跳转到导航页,并关闭其他的导航页
(2)wx.reLaunch :关闭所有页面，打开到应用内的某个页面
(3)wx.redirectTo :关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 导航 页面
(4)wx.navigateTo :只保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面(最多10层)
(5)wx.navigateBack :返回上一页,可以返回多级页面

2.弹窗提示
1.wx.showToast(标签)

wx.showToast({
　　title: '功能暂未开放！',
　　icon: 'none', success
　　duration: 2000
})
1
2
3
4
5

2.wx.showModal(选择窗)

wx.showModal({
　　title: '提示',
　　content: '这是一个模态弹窗',
　　success (res) {
　　　　if (res.confirm) {
　　　　　　console.log('用户点击确定')
　　　　} else if (res.cancel) {
　　　　　　console.log('用户点击取消')
　　　　}
　　}
})
1
2
3
4
5
6
7
8
9
10
11

3.wx.showLoading(加载中)

wx.showLoading({
　　title: '加载中',
})
 
setTimeout(function () {
　　wx.hideLoading()
}, 2000)
1
2
3
4
5
6
7

3.分享

onLoad: function (options) {
  this.getDate(options.id)
  wx.showShareMenu({
    // 要求小程序返回分享目标信息
    withShareTicket: true
  })
},
/* 转发*/
onShareAppMessage: function (ops) {
  if (ops.from === 'button') {
    // 来自页面内转发按钮
    console.log(ops.target)
  }
  return {
    title: '转发dom',
    path: `pages/index/index`,
    success: function (res) {
      // 转发成功
      console.log("转发成功:" + JSON.stringify(res));
      var shareTickets = res.shareTickets;
    },
    fail: function (res) {
      // 转发失败
      console.log("转发失败:" + JSON.stringify(res));
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

4.生成canvas图片

var that = this;
    var unit = that.data.screenWidth / 375
    //2. canvas绘制文字和图片
    const ctx = wx.createCanvasContext('share');
    var bgImgPath = that.data.shareImgSrc;
 
    ctx.drawImage(bgImgPath, 0, 0, 375, 375); //导入图片
    ctx.setFontSize(20)
    ctx.setFillStyle('#000')
    ctx.fillText('生成文字在图片上', 20, 110)
 
    ctx.stroke()
    ctx.draw(false, function () {
      // 3. canvas画布转成图片
      wx.canvasToTempFilePath({
        x: 0,
        y: 0,
        width: 375,
        height: 375,
        destWidth: 375,
        destHeight: 375,
        canvasId: 'share',
        success: function (res) {
          console.log(res);
          that.setData({
            shareImgSrc: res.tempFilePath
          })
          if (!res.tempFilePath) {
            wx.showModal({
              title: '提示',
              content: '图片绘制中，请稍后重试',
              showCancel: false
            })
          }
           
        },
        fail: function (res) {
          console.log(res)
        }
      })
    });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

5.保存图片到相册

click: function () {
    let that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.shareImgSrc,
      success(res) {
        wx.showModal({
          title: '图片保存成功',
          content: '图片成功保存到相册了，去发圈噻~',
          showCancel: false,
          confirmText: '好哒',
          confirmColor: '#72B9C3',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定');
            }
            that.setData({
              canvasHidden: true
            })
          }
        })
      }
    })
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

6.返回上一页，刷新页面

onShow(){
  this.onLoad()
}
1
2
3

7.数据缓存

wx.setStorageSync('key', 'value')
wx.getStorageSync('key')
1
2

8.电话功能

wx.makePhoneCall({
  phoneNumber: '1340000' // 仅为示例，并非真实的电话号码
})
1
2
3

9.客服会话

<button open-type="contact" bindcontact="handleContact"></button>

Page({
  handleContact(e) {
    console.log(e.path)
    console.log(e.query)
  }
})
1
2
3
4
5
6
7
8

不想自己整个服务器。就可以直接添加按钮到页面就行了，点击过后会自动跳转到客服对话框。用户发送的消息都可以在小程序后台的“客服”里收到，当你绑定了客服人员，可以在微信里收到推行消息。
也可以自己配置服务器，配置环境来实现客服会话