小程序开发过程知识点整理

使用的是uni-app 开发的小程序

引入第三方包通不过eslint的验证

引入第三方的包时,由于压缩的原因,通不过eslint的验证.

需要将此文件加入到 .eslintignore 并且在文件的头部加入 /* eslint-disable */

小程序进入一个html的页面

使用webview 如下 创建一个新的页面,这个页面只有一个webview的组件, 组件的src指向 html的地址. 此地址的域名必须要在

小程序的授权里

代码语言：javascript复制

<template>
  <view>
    <web-view :webview-styles="webviewStyles" :src="webview_src"></web-view>
  </view>
</template>
<script>
export default {
  name: 'webview',
  data () {
    return {
      loading: false,
      webview_src: '',
      orderDetail: {},
      webviewStyles: {
        progress: {
          color: '#FF3333'
        }
      }
    }
  },
  onLoad (option) {
    if (option.webview_src) {
      this.webview_src = option.webview_src
    } else {
      uni.showToast({ title: '路径错误', icon: 'none' })
    }
  },
  methods: {}
}
</script>

小程序将当前页面制作成二维码保存

需要先获取access_token

需要后端 调用微信接口

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥

返回 access_token

代码语言：javascript复制

wx.request({
  //注意：下面的access_token值可以不可以直接复制使用，需要自己请求获取
  url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=AbgEb2z0il9eIsqn6pWJTmSkvTcJhtb1As3_e049Qv_iFnVw8TXKEa2N8nn3GBKJbQaJ9G2ae5At4Cirphd8HFaduGvMU14UpuWjJz6X0i74I8-',
  data: {
    scene: '000',
    page: "pages/index/index"  //这里按照需求设置值和参数   
  },
  method: "POST",
  responseType: 'arraybuffer',  //设置响应类型
  success(res) {
    console.log(res)
    var src2 = wx.arrayBufferToBase64(res.data);  //对数据进行转换操作
    that.setData({
      src2
    })
  },
  fail(e) {
    console.log(e)
  }
})

小程序使用自定义的头部时 需要注意刘海手机的安全区域

小程序 微信 eslint webview html

0 人点赞