微信小程序云开发_微信小程序云开发,在群消息中点击微信小程序获取微信群信息 - 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 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-03-15 08:45:24
    微信小程序云开发之初体验 小程序云开发是微信最近推出的新的一项能力,它弱化了后端以及运维的概念,开发者无需搭建服务器,使用微信平台提供的api即可完成核心的业务开发。 目前提供三大基础能力支持: 云函数:...

    微信小程序云开发之初体验

    小程序云开发是微信最近推出的新的一项能力,它弱化了后端以及运维的概念,开发者无需搭建服务器,使用微信平台提供的api即可完成核心的业务开发。

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

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

    • 数据库:既可在小程序前端操作,也能在云函数中读写的 JSON 数据库,免费2G容量

    • 存储:可在小程序前端上传/下载云端文件,在云开发控制台可视化管理,免费5G容量

    在这里插入图片描述

    上手体验

    打开微信开发者工具,新建工程,选择新建云开发模板,这里appid是必填项。

    在这里插入图片描述

    确认后,工具默认创建好工程如下:

    在这里插入图片描述

    可以看到,工程目录中多了一个cloudfunctions的文件夹,其他的与普通模板目录结构一致,而cloudfunctions文件夹其实就是用来存放云函数的。

    云开发控制台

    点击顶部工具栏中的云开发,会弹出创建的引导,按照提示一步一步创建,这里点击开通。
    在这里插入图片描述

    填写好相应的环境名称信息,可以看到,数据库有2G的空间,另外有5G的存储,可以用来存放一些图片和其他资源,这对于一些小的应用来说是完全够用的。另外,一个小程序可以建立两个环境。

    1544955315904

    新建好的控制台就是这个样子

    在这里插入图片描述

    云数据库

    下面通过一个实例来学习小程序的云开发终端云数据库功能。数据库使用的是JSON 数据库,也就是我们所说的nosql,类似于MongoDB,使用键值对应的方式存储数据。

    首先进入云开发控制台,选择数据库管理。新建一个集合,也就是一个数据库,输入集合名称。
    在这里插入图片描述

    然后新建一条记录,记录可以手动创建,也可以导入json或者csv数据。id默认自动生成。

    在这里插入图片描述

    那么接下来,就尝试着从小程序端读取数据库中的数据。在pages/index/index.js中的onLoad函数中加入下面的一段代码

    // 创建数据库实例
    const db = wx.cloud.database()
    // 2. 构造查询语句
    // collection 方法获取一个集合的引用
    // 可以使用where 方法传入一个对象,数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件(比如大于、小于、in 等)
    // get 方法会触发网络请求,往数据库取数据
    db.collection('user').get({
      success(res) {
        console.log(res)
      }
    })
    

    保存代码,编译运行,观察控制台,发现打印出来的信息中没有数据。
    在这里插入图片描述

    不要着急,这并不是我们的代码写的有问题,而是数据库有权限限制。再次打开控制台,选择数据库权限设置。
    在这里插入图片描述

    可以看到,默认的权限是仅创建者及管理员可读写,这里我们更改为第一个选项,选择所有用户可读,仅创建者可写。再次编译运行,可以看到数据库中的内容成功的被打印出来了。

    在这里插入图片描述

    总结

    小程序云开发确实是一个不错的功能,大大降低了开发成本,不用再去为服务器、域名、备案等一系列开发流程而发愁,因此如果要开发一些小型的应用,首选云开发。

    以上是小程序云开发之初体验,之后的文章会继续深入,持续关注。

    欢迎加我微信,一起交流,互相学习,共同进步!


    在这里插入图片描述
    关注公众号『嗜码』。回复关键字「前端」、「Python」、「Java」、「Android」、「小程序」、「Vue」等获取免费精品学习资料。
    在这里插入图片描述

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

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

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

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

     

     

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

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

    点击开通云开发

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

    环境到这里就配置完成了

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

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

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

    展开全文
  • 小程序云开发之用户注册登录(带云数据库配置)

    万次阅读 多人点赞 2019-02-18 22:25:37
    注册界面和文件 登录界面和文件 这里的UI使用iviewUI 不懂可以看我的另一篇文章IviewUI 先说注册界面 json如下 wxml如下 &lt;!--pages/register/index.wxml--&gt; &... autof...
  • 微信小程序云开发——模拟后台增删改查

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

    万次阅读 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...
  • 文章目录云开发创建云开发项目打开云开发控制台 官方文档 云开发 能力 作用 说明 云函数 无需自建服务器 在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码 ...
  • 微信小程序 全套 视频 9ph7 教程 全部免费 百度网盘

    万次阅读 热门讨论 2017-05-30 00:01:40
    微信小程序 全套 视频 教程 全部免费 https://pan.baidu.com/s/1slVpRMd
  • 微信小程序开发实战

    万人学习 2019-04-01 14:05:00
    本套课程使用了元认知教学法,直接实战式教学,摆脱学院派的理论式讲解,对于0基础的学员可以入门编写微信小程序,过程中指导如何学习使用文档查阅接口等,通过两个完整的实战小项目的实例,入手小程序开发
  • 微信公众平台开发微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等...
  • 微信小程序全方位深度解析

    万人学习 2019-06-24 13:09:17
    微信小程序是微信在2016年9月15日发布的一种新的应用形态,不需要下载安装即可使用的应用。本套视频教程将会带大家从基础环境搭建、配置、api的使用到开发出一个app的完整流程.
  • 【系】微信小程序云开发实战坚果商城-目录

    万次阅读 多人点赞 2020-04-10 09:04:01
    【系】微信小程序云开发实战坚果商城 目录 开篇 【系】微信小程序云开发实战坚果商城-开篇 基础篇 【系】微信小程序云开发实战坚果商城-弹性盒子 【系】微信小程序云开发实战坚果商城-ES6 简单入门 【系】...
  • 征服微信小程序视频教程

    万人学习 2018-10-22 21:38:06
    征服微信小程序视频教程 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。学员通过该视频课程,可以完全了解小程序的开发方法,并可以独立开发...
  • 微信小程序开发实战第二季

    万人学习 2019-04-01 14:05:20
    本套课程仍然沿用了实战教学方式,以一个电影查询APP为实战案例,手把手从项目设计到开发,到封装重构的整套过程,让参与者掌握微信小程序开发的技巧和如何开发一个项目的整套流程。
  • 微信小程序开发教程(第1篇)

    万人学习 2018-10-22 21:38:05
    微信小程序开发教程​”以腾讯官方资料为主,系统讲解微信小程序开发的相关的知识点。 全套课程共3篇 微信小程序实战教程(第1篇)——讲解小程序基础知识点,重点讲解小程序开发工具,视图层(View)和逻辑层(App ...
  • 微信公众平台开发微信用户开发管理是子恒老师《微信公众平台开发》视频教程的第7部。详细讲解了用php开发微信,对微信公众平台中的粉丝用户管理开发。内容包含微信公众平台用户分组,获取微信用户列表,查询用户...
  • 微信开发之素材管理是子恒老师《微信公众平台开发》视频教程的第三部。详细讲解了用php开发微信,对微信公众平台中的素材管理开发。内容包含微信临时素材,永久素材的上传,删除,获取素材的media_id等等。欢迎反馈...
1 2 3 4 5 ... 20
收藏数 31,794
精华内容 12,717
关键字:

微信小程序云开发