微信小程序实习记 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序实习记

发表时间:2021-1-11

发布人:葵宇科技

浏览次数:65

看起来还算有趣

关于图片

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 = http://www.wxapp-union.com/res.result
        console.log(data)
        // do something
    })
}

小结

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

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

相关案例查看更多