微信小程序云开发_微信小程序云开发,在群消息中点击微信小程序获取微信群信息 - CSDN
精华内容
参与话题
  • 熟练掌握WPS文字的基本操作 熟练掌握WPS文字的使用技巧
  • 微信小程序开发实战入门,学习小程序云开发,摆脱后台,自己实现后台数据,从此就可以愉快的写小程序,自己实现小程序后台了。
  • 微信小程序云开发简单入门教程

    万次阅读 2018-11-02 09:43:24
    开场白: 看的很清楚了 记得把IED升级到最新版本 才会有这个云开发. ...云开发顾名思义 就是后端开发,应该是微信上周才推出的开放能力,现在这让我想起了以前的leancloud,和更早的bmob了,而leancloud一早就开始...

    文章目录


    ###开场白:
    云开发顾名思义 就是后端开发,应该是微信上周才推出的开放能力,现在这让我想起了以前的leancloud,和更早的bmob了,而leancloud一早就开始支持微信小程序开发了,相比较而言,leancloud的资料应该更多些,但毕竟微信自家的产品,还是有必要试试的。
    这边总结一下使用体验,首先微信的API有微信味,下面是初始化方法。

    wx.cloud.init({
    		//环境ID
            env: 'much-de492f',
            //获取调用api者的信息
            traceUser: true,
          })
    

    所以还是很方便的。其次是添加数据的时候是完全图形化的的,这点很好。
    数据库

    ###看的很清楚了

    1. 集合 = 表
    2. 记录 = 数据元素
      当然 数据库只能建一个,第一次进来的时候是空的,新建的时候起好名字就行了。

    ###记得把IED升级到最新版本 才会有这个云开发.
    云开发

    ###其次将调用基础库也换成最新的
    调用基础库也换成最新的

    ###如果你表也建好了 那么剩下就是调用了

    requestData: function() {
        wx.showLoading({
          title: '加载中',
        })
        var that = this;
        //resourceItem为表名
        wx.cloud.database().collection('resourceItem').get({
          success: function(res) {
            that.setData({
    	      //res是json
    	      //res.data 是数据
    	      //res.errMsg 提示
              titleDatas: res.data
            })
            console.log(JSON.stringify(res))
            wx.hideLoading()
          }
        })
      },
    

    ###如果出现[]空数组情况:
    一般是上面数据库部分 的 权限设置未修改
    空数据

    ###后端云分页
    不过后端云都存在一个比较让人恼火的问题,就是所有的逻辑都需要在前端处理,尤其是分页,不管是lendCloud还是微信开发都没有支持,那么在建库的时候就需要自己编写ID,在获取时用
    where做过滤,虽然是一种解决方案,但是··我发现ID居然是一个随机数! 不过不要紧,在索引管理里面我们看到它时有升序的,虚惊一场,这样我们只需要将最后一条ID进行比较即可实现分页了。

    ###这里给出解决方案
    加载fun

     requesListData: function(type) {
        var that = this
        //获取相应类型的列表
        wx.showLoading({
          title: '加载中',
        })
        console.log("type = " + type)
        var db = wx.cloud.database()
        const _ = db.command
        db.collection(type).limit(2).where({
          _id: _.gt(this.data.lastId)
        }).get({
          success: function(res) {
            wx.hideLoading()
            if (res.data.length == 0) {
              if (that.data.pageNum == 1) {
                that.data.listData = []
              }
              that.data.hasMore = false
            } else {
              that.data.hasMore = true
              for (var i = 0; i < res.data.length; i++) {
                var data = res.data[i]
                that.data.listData.push(data)
                if (i + 1 == res.data.length) {
                  that.data.lastId = data._id
                }
              }
            }
            that.setData({
              listData: that.data.listData,
              selectedtype: type,
              pageNum: that.data.pageNum + 1,
              lastId: that.data.lastId,
              hasMore: that.data.hasMore
            })
          },
          fail: function(res) {
            //找不到该数据库
            console.log("===fail===" + res)
            wx.hideLoading()
          },
        })
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function() {
        if (!this.data.hasMore) return;
        var type = this.data.selectedtype
        this.requesListData(type)
      },
    
    
      /**
       * 页面的初始数据
       */
      data: {
        hasMore: true,
        lastId: '0',
        selectedtype: 'book',
        selectedTagId: '',
        pageNum: 1,
      },
    
    

    核心代码 :gt()函数为找到比该ID大的元素(默认返回20条,这里limit限制为两条)

     db.collection(type).limit(2).where({
          _id: _.gt(this.data.lastId)
        })
    

    好了,微信云开发简单的入门教程就这么多了。

    ###参考资料:

    1. Slog71_微信小程序之云开发-全栈时代3
    2. 小程序·云开发

    关注公众号领取更多干货
    小码家公众号

    展开全文
  • 微信小程序云开发-新手环境配置

    万次阅读 2018-10-08 21:04:59
    注意:小程序云开发需要使用注册的小程序appid,测试和游客进入是没有云开发的功能。 首先我们新建小程序项目,填写申请的appID如果没有需要注册一个,微信为我们提供了一个云开发快速启动的模板,这里我们勾选进去...

    注意:小程序云开发需要使用注册的小程序appid,测试和游客进入是没有云开发的功能。

    首先我们新建小程序项目,填写申请的appID如果没有需要注册一个,微信为我们提供了一个云开发快速启动的模板,这里我们勾选进去看看云开发为我们提供的案例。

     

     

    首次进入控制台会报cloud init error (云初始化错误)。

    如果我们填写了在微信的左上角调试器旁边有一个云开发,在这里我们点击云开发

    点击开通云开发

    官网建议我们建两个环境一个测试环境一个正式环境,在这里我就新建一个test方便后面的开发

    环境到这里就配置完成了

    再次编译控制台不会提示云开发初始化的准备了。

    下一章微信小程序云开发——模板讲解之云函数

    微信小程序之云开发——模拟后台增删改查案例 https://blog.csdn.net/havendream/article/details/82959458

    展开全文
  • 微信小程序云开发使用方法新手初体验

    万次阅读 多人点赞 2018-10-08 10:16:41
    开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力,6的一匹。 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可...

    今天看到微信推送了一条小程序云上线通知,作为一个前端er,满怀期待的去看了看,很不错先看看文档上怎么说的:

    开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力,6的一匹。

    云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。(就是说以后老板让你做小程序,连个后台的人都不用给你配了,自己搞定就行了)。

    目前提供三大基础能力支持:

    • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码

    • 数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库

    • 存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理

    说白了就是,云函数就是后端代码,现在叫云函数,自己写,自己上传,数据库没什么好说的,就是数据库,不过这个数据库是json数据库,很方便,怎么个方便法呢,看下图:

    传统数据库以mysql为例子:

     

     

    看到int..这么多类型是不是很烦躁,取的时候再合并多个表也很麻烦

    小程序云json数据库:

    看到这些类型是不是很亲切,大大降低了新手对数据库理解,不用学黑窗口,sql命令,还可以导入josn数据,很是方便。

    现在走一遍流程:

    1、创建带小程序云模板的小程序:

    ----新建一个空的文件夹,填入你的appId(必须),官方说 :勾选创建 “云开发 QuickStart 项目”,实际上是"建立云开发快速启动模板",有点坑哦,同学要注意,点击确定 ==>

    2.看到这么多是不是有点方  - -!,看到多了一个东西,点击创建自己的环境,,具体就是写个名字,创个一个环境,官方上说是最好创建俩个环境,一个是开发环境,一个是线上环境。

     

    不做赘述,都是免费的,,看这配置给的也挺良心,一般人真的不用升级配置 ==>

    3.选择环境,环境创建好了,不过还没有使用上

    对第一个文件夹点右键,选择你要使用的环境,下面则是你的云函数,就是跑在服务器上的。

    对login文件夹点右键,选择上传并部署,ps:不上传部署怎么使用呀,所以没毛病。==>

    4.先别急上传个login是怎么使用的,我们先去看点击获取openid是事件,发现,这里只有个name对应上上传的云函数事件名,而云函数直接就返回了openid,看看云函数是怎么实现的

    wx.cloud.callFunction({
          name: 'login',
          data: {},
          success: res => {
            console.log('[云函数] [login] user openid: ', res.result.openid)
            app.globalData.openid = res.result.openid
            wx.navigateTo({
              url: '../userConsole/userConsole',
            })
          },
          fail: err => {
            console.error('[云函数] [login] 调用失败', err)
            wx.navigateTo({
              url: '../deployFunctions/deployFunctions',
            })
          }
        })

     

    // 云函数模板
    // 部署:在 cloud-functions/login 文件夹右击选择 “上传并部署”
    
    /**
     * 这个示例将经自动鉴权过的小程序用户 openid 返回给小程序端
     * 
     * event 参数包含
     * - 小程序端调用传入的 data
     * - 经过微信鉴权直接可信的用户唯一标识 openid 
     * 
     */
    exports.main = (event, context) => {
      console.log(event)
      console.log(context)
    
      // 可执行其他自定义逻辑
      // console.log 的内容可以在云开发云函数调用日志查看
    
      return {
        openid: event.userInfo.openId,
      }
    }
    

    云函数里,直接就能拿到用户的openid和appid并返回,所以在前端上拿到了openid,真的是很方便。==>

    5.关于数据库,数据库那边每一个表都有权限设置,好好看一下。

    创建很简单,读取也很简单,很像slq语句。

    先创建一个db对象,然后直接走collection('表名字').where({条件}).get().then(res=>{}) ,我这里使用的是Promise风格,当然也可以使用回调的方式,就可以把表里的数据都取出来在页面上展示了。

     const db = wx.cloud.database();
            db.collection('todos').where({
                _id: 'W5c0IDWesyZkco4t'
            }).get().then(res => {
                this.setData({
                    dataList: res.data
                })
            })

    更多api还是得看接口https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-server-api/database

    感觉还可以继续完善,使用起来感觉很好,把一切变的简单。

    展开全文
  • 微信小程序开发实战

    万人学习 2019-04-01 14:05:00
    本套课程使用了元认知教学法,直接实战式教学,摆脱学院派的理论式讲解,对于0基础的学员可以入门编写微信小程序,过程中指导如何学习使用文档查阅接口等,通过两个完整的实战小项目的实例,入手小程序开发
  • 小程序云开发之用户注册登录(带云数据库配置)

    万次阅读 多人点赞 2019-02-18 22:25:37
    注册界面和文件 登录界面和文件 这里的UI使用iviewUI 不懂可以看我的另一篇文章IviewUI 先说注册界面 json如下 wxml如下 &lt;!--pages/register/index.wxml--&gt; &... autof...

    在这里插入图片描述
    在这里插入图片描述

    注册界面和文件
    在这里插入图片描述
    在这里插入图片描述
    登录界面和文件
    在这里插入图片描述
    在这里插入图片描述
    这里的UI使用iviewUI 不懂可以看我的另一篇文章IviewUI
    先说注册界面
    json如下
    在这里插入图片描述
    wxml如下

    <!--pages/register/index.wxml-->
    <view>
    <i-input  bind:change='inputName' maxlength="15" title="账号" autofocus placeholder="请输入账号" />
    <i-input  bind:change='inputPassword' maxlength="15" title="密码" autofocus placeholder="请输入密码" />
    <i-button bindtap='register' type="success">注册</i-button>
    </view>
    

    js页面

    // pages/register/index.js
    let app = getApp();
    //获取云数据库引用
    const db = wx.cloud.database();
    const admin = db.collection('adminlist');
     let name = null;
     let password = null; 
    
    Page({
      data: {
      },
      //输入用户名
      inputName:function(event){
        name = event.detail.detail.value
      },
      //输入密码
      inputPassword(event){
        password = event.detail.detail.value
      },
    
    
    // .where({
    //      _openid: app.globalData.openid  // 填入当前用户 openid
    //   })
    
      // wx.showModal({
      //   title: '提示',
      //   content: '您已注册,确定要更新账号密码吗?',
      //   success: function (res) {
      //     if (res.confirm) {
      //       console.log('用户点击确定')
      //       that.saveuserinfo();
      //     }
      //   }
      // })
    
       //注册
      register(){ 
        let that = this;
        let flag = false  //是否存在 true为存在
        //查询用户是否已经注册
        admin.get({
          success:(res)=> {
            let admins = res.data;  //获取到的对象数组数据
          //  console.log(admins);
            for (let i=0; i<admins.length; i++){  //遍历数据库对象集合
              if (name === admins[i].name){ //用户名存在
                flag = true;
             //   break;
              }
            }
            if(flag === true){    //已注册
              wx.showToast({
              title: '账号已注册!',
              icon: 'success',
              duration: 2500
              })
            }else{  //未注册
              that.saveuserinfo()
            }
          }
        })
      },
    
    
      //注册用户信息
      saveuserinfo() {
       // let that = this;
        admin.add({  //添加数据
          data:{
            name:name,
            password: password
          }
        }).then(res => {
          console.log('注册成功!')
          wx.showToast({
            title: '注册成功!',
            icon: 'success',
            duration: 3000
          })
          wx.redirectTo({
            url: '/pages/login/login',
          })
        })
      },
    })
    

    因为使用云开发数据库所以先在app.js中初始化加入下面这段代码
    下面的fighting1323797232-e05624就是我们云开发的环境id

          wx.cloud.init({
            env: 'fighting'1323797232-e05624',
            traceUser: true
          })
    

    在这里插入图片描述
    环境ID在这里
    在这里插入图片描述
    这里需要进云数据库创建一个adminlist集合
    在这里插入图片描述
    注册成功后,开始实现登陆功能
    login.wxml

    <!--pages/login/login.wxml-->
    <view>
    <i-input bind:change='inputName' maxlength="15" title="账号" placeholder="请输入账号" />
    <i-input bind:change='inputPassword' maxlength="15" title="密码"  placeholder="请输入密码" />
    <i-button bindtap='login' type="primary">登录</i-button>
    <i-button bindtap='register' type="success">注册</i-button>
    </view>
    

    json和以上注册的json一样

    js逻辑页面实现如下:

    // pages/login/login.js
    let app = getApp();
    // 获取云数据库引用
    const db = wx.cloud.database();
    const admin = db.collection('adminlist');
    let name = null;
    let password = null; 
    
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
      },
      //输入用户名
      inputName: function (event) {
        name = event.detail.detail.value
      },
      //输入密码
      inputPassword(event) {
        password = event.detail.detail.value
      },
      //登陆
      login(){
        let that = this;
        //登陆获取用户信息
        admin.get({
          success:(res)=>{
            let user = res.data;
           // console.log(res.data);
            for (let i = 0; i < user.length; i++) {  //遍历数据库对象集合
              if (name === user[i].name) { //用户名存在
                if (password !== user[i].password) {  //判断密码是否正确
                  wx.showToast({
                    title: '密码错误!!',
                    icon: 'success',
                    duration: 2500
                  })
                } else {
                  console.log('登陆成功!')
                  wx.showToast({
                    title: '登陆成功!!',
                    icon: 'success',
                    duration: 2500
                  })
                  wx.switchTab({   //跳转首页
                    url: '/pages/shopcart/shopcart',  //这里的URL是你登录完成后跳转的界面
                  })
                }
              }else{   //不存在
                wx.showToast({
                  title: '无此用户名!!',
                  icon: 'success',
                  duration: 2500
                })
              }
            }
          }
        })
      },
    
    
      register(){
        wx.navigateTo({
          url: '/pages/register/index'
        })
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       * 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       * 页面显示/切入前台时触发
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    
    展开全文
  • 微信小程序云开发入门(一) 摘要:微信小程序云开发是包含了服务器以及数据库的运行环境,而且不需要开发者进行维护,关键是不用服务器验证,步骤简单不少,非常适合个人开发者和创业者使用。虽然云开发需要收费,...
  • 微信小程序云开发——模拟后台增删改查

    万次阅读 多人点赞 2018-10-07 22:14:43
    小程序云开发出来之后,小程序开发人员也要慢慢的接触后端对数据的增删改查了。下面就给大家提供一个案例吧。 这里我把新增和修改放在了一个页面   显示页面index.wxml &lt;view wx:if="{{books}}&...
  • 微信小程序云开发之初体验(详细教程)

    万次阅读 多人点赞 2019-03-15 08:45:24
    微信小程序云开发之初体验 小程序云开发是微信最近推出的新的一项能力,它弱化了后端以及运维的概念,开发者无需搭建服务器,使用微信平台提供的api即可完成核心的业务开发。 目前提供三大基础能力支持: 云函数:...
  • 小程序云开发(一)微信登录实现

    万次阅读 2019-05-17 15:30:41
    云开发微信登录流程 云开发登录实现 1)miniprogram文件夹下app.js设置env和traceUser:true,跟踪用户信息 wx.cloud.init({ env: 'my-zh8la',//环境ID traceUser: true, }) 2)获取用户信息: exports.main...
  • 文章目录云开发创建云开发项目打开云开发控制台 官方文档 云开发 能力 作用 说明 云函数 无需自建服务器 在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码 ...
  • 【系】微信小程序云开发实战坚果商城-目录

    万次阅读 多人点赞 2020-04-10 09:04:01
    【系】微信小程序云开发实战坚果商城 目录 开篇 【系】微信小程序云开发实战坚果商城-开篇 基础篇 【系】微信小程序云开发实战坚果商城-弹性盒子 【系】微信小程序云开发实战坚果商城-ES6 简单入门 【系】...
  • 目录微信小程序云开发源码(垃圾分类源码)小程序云数据库介绍小程序界面小程序体验(扫描下方二维码体现效果)微信小程序源码 微信小程序云开发源码(垃圾分类源码) 最近发现全国大面积开始实行垃圾分类,基于...
  • 浅谈我对微信小程序云开发的认识与见解

    万次阅读 多人点赞 2019-10-08 19:59:23
    浅谈我对微信小程序云开发的认识与见解一、微信小程序云开发的优点1.无需自建服务器2.项目快速上线3.轻轻松松获取用户凭证二、微信小程序云开发的坑1.基础版CDN流量太少2.云数据库限制多(1)小程序端读取限制(2)...
  • 微信小程序云开发完整案例 #本项目获高校微信小程序开发大赛华中赛区三等奖 **【注】:**本人对该程序功能、UI等方面比较满意,分析总结了比赛成绩不算太好的原因,下一篇博客具体分享,给想参见该比赛的同学一些...
  • 微信小程序云开发(数据库)

    万次阅读 多人点赞 2020-03-25 15:23:18
    开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速...
  • 微信小程序云开发之数据分页云函数 2018-10-06 20:23:28&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 微信小程序的云开发可以自己对数据库进行操作而不需要后台,那么很常见的一个功能就是我们...
  • 微信小程序云开发(后台相关)

    千次阅读 2019-03-18 17:36:08
    微信小程序云开发云开发云函数数据库存储云开发数据库不能被外部调用微信小程序并发问题 云开发 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,...
  • 微信小程序云开发实现一对一聊天

    千次阅读 多人点赞 2020-08-30 11:32:28
    微信小程序云开发实现一对一聊天 有的时候小程序可以会涉及到聊天,评论的等功能,像博客,外卖平台等。这篇文章就先介绍的怎样借助云开发实现即时一对一,不同场景的聊天的功能。 首先要创建创建一个新的云开发的...
1 2 3 4 5 ... 20
收藏数 31,786
精华内容 12,714
关键字:

微信小程序云开发