用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

微信小程序实习记

Rolan 2020-6-26 00:20

看起来还算有趣关于图片saveImageToPhotoAlbum Page({ // 放大 handleExpend: function () { wx.previewImage({ urls: }) }, // 下载 handleDownload: function () { wx.dowloadFile({ url:url, success:res={ if ( ...

看起来还算有趣

关于图片

saveImageToPhotoAlbum
Page({
  // 放大
  handleExpend: function () {
    wx.previewImage({
      urls:[url]
    })
  },
  // 下载
  handleDownload: function () {
    wx.dowloadFile({
      url:url,
      success:res=>{
        if (res.statusCode ===200) {
          wx.showToast({
            title: '保存成功',
            icon: 'success',
            duration: 2000,
          })
          wx.saveImageToPhotoAlbum({
            filePath: res.tempFilePath
          })
        }
      },
      fail:err=>{
        wx.showToast({
          title: '保存失败',
          icon: 'fail',
          duration: 2000
        })
      },
    })
  },
})

关于分享

  • 可以是关于小程序的分享
  • 可以是关于具体功能页面的分享(带参数)
  • 可以区分是自定义按钮的分享,或是右上角的分享
Page({
  // 相关页面,有这个方法即调用了分享功能
  onShareAppMessage: function (res) {
    /*
    res:
      - from       转发事件来源。 button:页面内转发按钮;menu:右上角转发菜单
     */
    return {
      title: [String],
      path: [url?params],
      imageUrl?: [url] //不设置,会被程序自动截取当前页面
    }
  }
})

关于请求

  • 一般的请求,开发者需要域名备案,和 https 请求, 关于一些个人开发这,这过程会略显麻烦
  • 使用云开发环境,可以使用云函数来提供参数特殊的请求方式,绕过备案和 https 检测

过程

  • 新建云函数
  • 下载相关请求 npm 包(如 request && request-promise)
  • 编写相关云函数 api
  • 小程序中初始化云函数,调用相关云函数
// 云函数 api
const request = require('request-promise');

export.main = async (event, context) => {
  return await request({
    method: event.method || 'GET',
    uri: event.uri,
    headers: event.headers || {},
    body: event.body
  }).then(body => {
    return body;
  }).catch(err => {
    return err
  })
}

// 小程序

// app 内初始化
App({
  onLaunch: function () {
    if (wx.cloud) {
      wx.cloud.init({
        env:['相关云开发环境名称']
      })
    }
  }
})

// page 调用
[handleFunction]:()=>{
   wx.cloud.callFunction({
        name: ['相关云函数'],
        data: {
            // http域名 https域名 第三方域名 非验证域名 IP[:prot] 内网IP或花生壳域名
            uri:[url],
            headers: {
                'Content-Type':'application/json'
            },
            body:[params]
        }
    }).then(res => {
        console.log(res)
        const data = res.result
        console.log(data)
        // do something
    })
}

小结

该项目属于一次个人的体验,也算是给自己接触小程序开发的一个契机,目前感觉还是很良好的

欢迎各位关注一下我的小程序,没有复杂的功能,也不需要账号信息,希望得到大佬的指点一二

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: ZindexYG 来自: segmentfault