原生小程序+云开发学习总结

原生小程序+云开发

原生小程序

全局配置

原生API-跳转

<button type="primary" bindtap="btnTap">跳转页面</button>
<script>
    btnTap() {
     // tabBar中页面不能被navigateTo跳转
     wx.navigateTo({
       url: '/pages/page2/page2',
    })
</script>

原生API-获取当前位置

wx.getLocation({
   success:res=>{
     console.log(res);
  },
})

原生API-打开地图和显示当前位置

wx.getLocation({
    success:res=>{
        // 打开地图显示当前位置
        wx.openLocation({
            latitude: res.latitude,
            longitude: res.longitude,
        })

        // 打开地图选择位置
        wx.chooseLocation({
            latitude: res.latitude,
            longitude: res.longitude,
        })
    }
})

云开发

创建项目

云开发能力介绍

云函数使用操作

• 右键cloudfunctions，选择当前环境

  • 即为点击云开发按钮出现的环境:cloud1

• 新建Node.js云函数，填写云函数名称，回车

  • 会自动生成云函数同名文件夹，在内部index.js文件可以在入口函数中进行操作处理

• 右键云函数文件夹，选择—上传并部署:云端安装依赖(不上传node_modules)选项。

  • 查看云开发控制台-云函数模块-函数列表中是否有函数存在

• 在小程序中进行调用

  wx.cloud.callFunction({
      name:'xxx',
      data:{
          xxx:xxx
      },
      success:res=>{
          
      }
  })
  

云函数安装依赖

因为云开发使用的是node环境，所以可以通过安装依赖来做操作处理。

以axios为例：

• 右键云函数文件夹，选择–在外部终端窗口打开；
  • 小程序自带的控制台里的终端无法输入，大坑
• 运行 npm i axios，会在云函数文件夹内生成node_modules文件夹和package.json
• 在index.js使用require方式导入axios： const axios = require(“axios”)
• 正常使用axios