新增云开发示例

Author: ele828

cloudfunctions/getServerDataDemo/index.js

@@ -0,0 +1,13 @@
+// 云函数入口文件
+const cloud = require('wx-server-sdk')
+
+// 云函数入口函数
+exports.main = async () => {
+  cloud.init({
+    env: process.env.TCB_ENV,
+  })
+  const db = cloud.database()
+  return db.collection('perm4').where({
+    _openid: 'server'
+  }).limit(1).get()
+}

cloudfunctions/getServerDataDemo/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "getServerDataDemo",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "latest"
+  }
+}

cloudfunctions/getTempFileURL/index.js

@@ -0,0 +1,14 @@
+// 云函数入口文件
+const cloud = require('wx-server-sdk')
+
+// 云函数入口函数
+exports.main = async (event) => {
+  cloud.init({
+    env: process.env.TCB_ENV,
+  })
+  const fileList = event.fileIdList
+  const result = await cloud.getTempFileURL({
+    fileList,
+  })
+  return result.fileList
+}

cloudfunctions/getTempFileURL/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "getTempFileURL",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "latest"
+  }
+}

cloudfunctions/wxContext/index.js

@@ -0,0 +1,15 @@
+// 云函数入口文件
+const cloud = require('wx-server-sdk')
+
+cloud.init()
+
+// 云函数入口函数
+exports.main = async () => {
+  const wxContext = cloud.getWXContext()
+
+  return {
+    openid: wxContext.OPENID,
+    appid: wxContext.APPID,
+    unionid: wxContext.UNIONID,
+  }
+}

cloudfunctions/wxContext/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "wxContext",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "latest"
+  }
+}

app.js renamed to miniprogram/app.js

@@ -1,8 +1,16 @@
-const openIdUrl = require('./config').openIdUrl
+const config = require('./config')
 
 App({
   onLaunch(opts) {
     console.log('App Launch', opts)
+    if (!wx.cloud) {
+      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
+    } else {
+      wx.cloud.init({
+        env: config.envId,
+        traceUser: true,
+      })
+    }
   },
   onShow(opts) {
     console.log('App Show', opts)
@@ -24,7 +32,7 @@ App({
       wx.login({
         success(data) {
           wx.request({
-            url: openIdUrl,
+            url: config.openIdUrl,
             data: {
               code: data.code
             },
@@ -45,5 +53,15 @@ App({
         }
       })
     }
+  },
+  // 通过云函数获取用户 openid，支持回调或 Promise
+  getUserOpenIdViaCloud() {
+    return wx.cloud.callFunction({
+      name: 'wxContext',
+      data: {}
+    }).then(res => {
+      this.globalData.openid = res.result.openid
+      return res.result.openid
+    })
   }
 })

app.json renamed to miniprogram/app.json

@@ -89,7 +89,24 @@
     "page/API/pages/setting/setting",
     "page/API/pages/choose-invoice-title/choose-invoice-title",
     "page/API/pages/soter-authentication/soter-authentication",
-    "page/component/pages/map-styles/map-styles"
+    "page/component/pages/map-styles/map-styles",
+    "page/cloud/index",
+    "page/cloud/pages/user-authentication/user-authentication",
+    "page/cloud/pages/get-wx-context/get-wx-context",
+    "page/cloud/pages/upload-file/upload-file",
+    "page/cloud/pages/download-file/download-file",
+    "page/cloud/pages/get-temp-file-url/get-temp-file-url",
+    "page/cloud/pages/delete-file/delete-file",
+    "page/cloud/pages/cloud-file-component/cloud-file-component",
+    "page/cloud/pages/crud/crud",
+    "page/cloud/pages/crud-detail/crud-detail",
+    "page/cloud/pages/db-permission/db-permission",
+    "page/cloud/pages/server-date/server-date",
+    "page/cloud/pages/scf-database/scf-database",
+    "page/cloud/pages/scf-storage/scf-storage",
+    "page/component/pages/doc-web-view/doc-web-view",
+    "page/API/pages/doc-web-view/doc-web-view",
+    "page/cloud/pages/doc-web-view/doc-web-view"
   ],
   "window": {
     "navigationBarTextStyle": "black",
@@ -114,6 +131,12 @@
         "iconPath": "image/icon_API.png",
         "selectedIconPath": "image/icon_API_HL.png",
         "text": "接口"
+      },
+      {
+        "pagePath": "page/cloud/index",
+        "iconPath": "image/icon_cloud.png",
+        "selectedIconPath": "image/icon_cloud_HL.png",
+        "text": "云开发"
       }
     ]
   },
@@ -132,5 +155,6 @@
     "scope.userLocation": {
       "desc": "你的位置信息将用于小程序位置接口的效果展示"
     }
-  }
-}
+  },
+  "cloud": true
+}

app.wxss renamed to miniprogram/app.wxss

@@ -37,7 +37,14 @@ const config = {
   uploadFileUrl: `https://${host}/upload`,
 
   // 下载示例图片接口
-  downloadExampleUrl: `https://${host}/static/weapp.jpg`
+  downloadExampleUrl: `https://${host}/static/weapp.jpg`,
+
+  // 云开发环境 ID
+  envId: 'release-b86096',
+
+  // 云开发-存储 示例文件的文件 ID
+  demoImageFileId: 'cloud://release-b86096.7265-release-b86096/demo.jpg',
+  demoVideoFileId: 'cloud://release-b86096.7265-release-b86096/demo.mp4',
 }
 
 module.exports = config

config.js renamed to miniprogram/config.js

@@ -2,7 +2,7 @@
 <view wx:else class="index">
   <view class="index-hd">
     <image class="index-logo" src="resources/kind/logo.png"></image>
-    <view class="index-desc">以下将演示小程序接口能力，具体属性参数详见小程序开发文档。</view>
+    <view class="index-desc">以下将演示小程序接口能力，具体属性参数详见 <navigator url="pages/doc-web-view/doc-web-view" class="weui-agree__link">小程序开发文档</navigator>。</view>
   </view>
   <view class="index-bd">
     <view class="kind-list">

image/green_tri.png renamed to miniprogram/image/green_tri.png

@@ -0,0 +1,6 @@
+@import "../common/index.wxss";
+
+.weui-agree__link {
+  display: inline;
+  color: #586c94;
+}

image/icon64_appwx_logo.png renamed to miniprogram/image/icon64_appwx_logo.png

@@ -1,9 +1,9 @@
-/*
-.cancel {
-  color: white;
-  background: #303F9F;
-}
-.item {
-  color: black;
-  background: #C5CAE9;
-}*/
+/*
+.cancel {
+  color: white;
+  background: #303F9F;
+}
+.item {
+  color: black;
+  background: #C5CAE9;
+}*/

image/icon_API.png renamed to miniprogram/image/icon_API.png

@@ -1,28 +1,28 @@
-<import src="../../../common/head.wxml" />
-<import src="../../../common/foot.wxml" />
-
-<view class="container">
-  <template is="head" data="{{title: 'createAnimation'}}"/>
-
-  <view class="page-body">
-    <view class="page-section">
-
-      <view class="animation-element-wrapper">
-        <view class="animation-element" animation="{{animation}}"></view>
-      </view>
-      <scroll-view class="animation-buttons" scroll-y="true">
-        <button class="animation-button" bindtap="rotate">旋转</button>
-        <button class="animation-button" bindtap="scale">缩放</button>
-        <button class="animation-button" bindtap="translate">移动</button>
-        <button class="animation-button" bindtap="skew">倾斜</button>
-        <button class="animation-button" bindtap="rotateAndScale">旋转并缩放</button>
-        <button class="animation-button" bindtap="rotateThenScale">旋转后缩放</button>
-        <button class="animation-button" bindtap="all">同时展示全部</button>
-        <button class="animation-button" bindtap="allInQueue">顺序展示全部</button>
-        <button class="animation-button animation-button-reset" bindtap="reset">还原</button>
-      </scroll-view>
-    </view>
-  </view>
-
-  <template is="foot" />
-</view>
+<import src="../../../common/head.wxml" />
+<import src="../../../common/foot.wxml" />
+
+<view class="container">
+  <template is="head" data="{{title: 'createAnimation'}}"/>
+
+  <view class="page-body">
+    <view class="page-section">
+
+      <view class="animation-element-wrapper">
+        <view class="animation-element" animation="{{animation}}"></view>
+      </view>
+      <scroll-view class="animation-buttons" scroll-y="true">
+        <button class="animation-button" bindtap="rotate">旋转</button>
+        <button class="animation-button" bindtap="scale">缩放</button>
+        <button class="animation-button" bindtap="translate">移动</button>
+        <button class="animation-button" bindtap="skew">倾斜</button>
+        <button class="animation-button" bindtap="rotateAndScale">旋转并缩放</button>
+        <button class="animation-button" bindtap="rotateThenScale">旋转后缩放</button>
+        <button class="animation-button" bindtap="all">同时展示全部</button>
+        <button class="animation-button" bindtap="allInQueue">顺序展示全部</button>
+        <button class="animation-button animation-button-reset" bindtap="reset">还原</button>
+      </scroll-view>
+    </view>
+  </view>
+
+  <template is="foot" />
+</view>

image/icon_API_HL.png renamed to miniprogram/image/icon_API_HL.png

@@ -1,30 +1,30 @@
-.animation-element-wrapper {
-  display: flex;
-  width: 100%;
-  padding-top: 150rpx;
-  padding-bottom: 150rpx;
-  justify-content: center;
-  overflow: hidden;
-  background-color: #ffffff;
-}
-.animation-element {
-  width: 200rpx;
-  height: 200rpx;
-  background-color: #1AAD19;
-}
-.animation-buttons {
-  padding: 30rpx 50rpx 10rpx;
-  width: 100%;
-  height: 360rpx;
-  box-sizing: border-box;
-}
-.animation-button {
-  float: left;
-  line-height: 2;
-  width: 300rpx;
-  margin: 15rpx 12rpx;
-}
-
-.animation-button-reset {
-  width: 620rpx;
-}
+.animation-element-wrapper {
+  display: flex;
+  width: 100%;
+  padding-top: 150rpx;
+  padding-bottom: 150rpx;
+  justify-content: center;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.animation-element {
+  width: 200rpx;
+  height: 200rpx;
+  background-color: #1AAD19;
+}
+.animation-buttons {
+  padding: 30rpx 50rpx 10rpx;
+  width: 100%;
+  height: 360rpx;
+  box-sizing: border-box;
+}
+.animation-button {
+  float: left;
+  line-height: 2;
+  width: 300rpx;
+  margin: 15rpx 12rpx;
+}
+
+.animation-button-reset {
+  width: 620rpx;
+}