小程序云开发全套实战教程（最全）

我就是我 2022-12-22 13:26 235阅读 0赞

\#\#\#\#前言：  
在学习云开发的时候将自己的学习过程记录下来了，放在了网上，收获了一波好评，今天下午在办公室没有事情，也发现之前有人在博客里面评论，你这个教程还有一半哩，可能是csdn的自动搬运功能出来一点小问题，没有搬运成功吧，这里就手动复制粘贴成为一篇了，篇幅比较长，如果有不足或者不注意写错的地方，欢迎大家提出纠正哦。

\#\#\#\#小程序云开发实战一：小程序扫一扫获取到图书ISBN码（图书条形码）

![944b05d0be87a7d60dc60cc897a5af1d.png][]

接触到云函数已经有一段时间了，之前一直在看api，现在自己跟着网络上的资料和视频学习，做了一个小项目，类似于豆瓣读书系列。  
具体是这样的一个流程，后面会一步步的实现。

小程序扫码实现读取isbn，获取图书的各种信息  
1：用户端小程序调用 wx.scanCode接口,获取到ISBN码  
2：使用ISBN码调用云函数，在请求云函数的时候，云函数会请求豆瓣的API，获取豆瓣图书信息。  
3：图书信息请求到之后，会将其中无用的信息返回给小程序中，小程序中再拿出获取到的信息，创建图书条目  
4：将对应的数据直接存储到云开大的数据库里面

之前用过微信扫一扫功能，调用二维码，扫描自己生成的二维码，并将二维码的内容显示在界面的两个例子：

> 微信小程序扫一扫的功能实现：https://www.jianshu.com/p/e00b44293fe0  
> 小程序扫码成功后带着参数跳转到指定页面：https://www.jianshu.com/p/413c5831ddd6

现在是用户端小程序调用 wx.scanCode接口,获取到图书ISBN码（图书条形码），在办公室找了一圈，找到了一本图书ISBN码，可以自动忽略我这渣渣的像素。

![3e4551ecc6be254820b4946fb5dcc720.png][]  
\#\#\#\#demo的示例:

在下面的示例代码里面，我是使用了小程序的组件库的，如果有遇到引入库的问题的可以查看：小程序动端组件库Vant Weapp的使用https://www.jianshu.com/p/10d75a3ca3d0

1：wxml

<van-button type="primary" bind:click="scanCode">扫码加书</van-button>

2:json

{
     "usingComponents": {
      "van-button": "../../vant/button/index"
    }
    }

3:js（page自动生成默认的各个函数，可以自己手动删除）

// pages/scanCode/scanCode.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
       
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      },
    
    scanCode: function (event) {
    console.log(1)
      // 允许从相机和相册扫码
      wx.scanCode({
       onlyFromCamera:true,
       scanType:['barCode'],
       success:res=>{
         console.log(res.result)
       },
       fail:err=>{
         console.log(err);
       }
      })
      }
    
    })

ok，获取到信息  
![2816d79ec87a63ad76f7a6d480fdafd7.png][]

关于参考的视频资料：可以跟着视频后面学习一下：https://cloud.tencent.com/developer/edu/learn-100005-1244/3154

\#\#\#\#小程序云开发实战二：小程序云开发云函数安装依赖步骤

1：安装nodejs,准备好环境，这一步就不细说了，没有安装的可以自行百度，不知道有没有安装的可以输入 node -v 查看一下。

2：新建一个云函数模板，在cloudfunctions目录底下，新建一个云函数的文件bookinfo。  
![5e3fd33b1571a93b7e938e3ff4502bac.png][]

3：在新建文件上右击文件，选择在终端打开。  
![a3b6842f1dc7ce74704eda967b9fec21.png][]

这个时候会弹出一个cmd窗口。  
![2ce331eb8cba9e245dcd9f5b9325893a.png][]

4：在cmd 打开云函数目录中，安装依赖。  
输入命令：

npm install --production

依赖安装成功之后，文件里面多会出现`package-lock.json`这个文件。  
![084d09e067e3429b59e3c66d6dde4329.png][]

5：由于要请求网络，所以要安装请求网络的库，请求网络的库可以使用node.js中的request库，方便快捷：https://github.com/request/request

在小程序里面要使用的云函数是同步的，所以使用promise，因为使用传统的callback没有办法在控制台之中返回数据。

![f6c62347ff5267af0f19db585e88d7c8.png][]  
https://github.com/request/request-promise  
安装方法：  
通过这两行命令进行安装，复制命令

npm install --save request
    npm install --save request-promise

![0b7a0df5f232f826117da1f04d86d5bb.png][]

![c497923de2aadc6046d4deab43adfad8.png][]  
ok，完成，依赖已经放置在package.json文件之中了

![0b19e2b81e1c6e6e0833a07806e783ac.png][]

ok，当文件上传到云端的时候，就会自动安装相关依赖了。

\#\#\#\#小程序云开发实战三：编写云函数代码

1：在云函数之中，拿到小程序端扫一扫获取到的传的编码，该如何传参？

> 云函数API:  
> https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-client-api/functions/callFunction.html

通过看文档可以学会，在云函数里，我们可以通过传递一份data来获取这里面的数据，然后再通过event来拿到对应的数据。  
![7a76ebf7b20d792779d49caed63a2a38.png][]

2：复制这个api里面的方法：

![图片.png][.png]

打开实战一里面写的小程序端的扫码的js界面，把这个方法放在`success`里面。  
要调用的云函数的名称`name`：要改成成实战二教程里面建立的云函数`bookinfo`

![eb9b22f272057bd51f9ada01caa09159.png][]

3：继续修改我们要传递的参数  
传递的参数是`isbn`，结果是扫码得到的`result`

![bb0f64f67e8086b3ed50617a6c0d38c1.png][]

4：将`result`的结果打印出来，ok,用户端（小程序端）代码写好了。  
![a59195c0a4df3064bcee71fab322ba20.png][]

用户端（小程序端）代码写完了，就这些：

// pages/scanCode/scanCode.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
      },
    
    scanCode: function(event) {
        console.log(1)
        // 允许从相机和相册扫码
        wx.scanCode({
          onlyFromCamera: true,
          scanType: ['barCode'],
          success: res => {
            console.log(res.result)
    
            //
            wx.cloud.callFunction({
              // 要调用的云函数名称
              name: 'bookinfo',
              // 传递给云函数的参数
              data: {
                isbn: res.result
              },
              success: res => {
                console.log(res)
             
              },
              fail: err => {
                console.error(res)
              }
            })
          },
          fail: err => {
            console.log(err);
          }
        })
      }
    
    })

\#\#\#\#5：然后开始写云函数端代码  
打开`bookinfo`里面的`index.js`,将`event`结果打印出来,请求云函数，将云函数之中的`isbn`返回回来  
![43b53e150998d1653ed0409b3bf94d06.png][]

写好了

// 云函数入口文件
    // const cloud = require('wx-server-sdk')
    // cloud.init()
    
    
    
    // 云函数入口函数
    
    //var rp = require('request-promise')
    
    exports.main = async (event, context) => {
     console.logI(event);
    return event.isbn
      
      // var res = rp('https://api.douban.com/v2/book/isbn/' + event.isbn).then(html => {
      //   return html;
      // }).catch(err => {
      //   console.log(err)
      // })
      //return res
      // const wxContext = cloud.getWXContext()
      // return {
      //   event,
      //   openid: wxContext.OPENID,
      //   appid: wxContext.APPID,
      //   unionid: wxContext.UNIONID,
      // }
    }

右击，上传并且部署云函数  
![25225dc2868f5f228afdcea476fb750d.png][]

测试一下，云函数调用成功,返回的结果(控制台打印)是isbn。  
![5d8b61ecf557d00133e9be20e77aa744.png][]

好的，云函数代码编写已经完成。  
接下来就是实战四，调用豆瓣的API,实现具体的数据。

\#\#\#\#小程序云开发实战四：调用豆瓣API获取具体的数据

> 在网上找了一下，找到了一个可以用的豆瓣API：  
> https://api.douban.com/v2/book/isbn/:9787111128069

1：打开云函数文件夹，index.js里面编写代码，引用request promise。

var rp = require('request-promise')

2：自定义的isbn，使用一个+号来连接，在传递一个catch来处理错误情况。

var res = rp('https://api.douban.com/v2/book/isbn/'+event.isbn).then(html=>{
    return html;
    }).catch(err=>{
    console.log(err)
    })

3:`return res`res就是对应的html,将html传给用户端。

![图片.png][.png 1]

// 云函数入口文件
    // const cloud = require('wx-server-sdk')
    // cloud.init()
    
    // 云函数入口函数
    var rp = require('request-promise')
    exports.main = async(event, context) => {
      // console.logI(event);
      // return event.isbn
    
      var res = rp('https://api.douban.com/v2/book/isbn/' + event.isbn).then(html => {
        return html;
      }).catch(err => {
        console.log(err)
      })
    
      return res
      // const wxContext = cloud.getWXContext()
    
      // return {
      //   event,
      //   openid: wxContext.OPENID,
      //   appid: wxContext.APPID,
      //   unionid: wxContext.UNIONID,
      // }
    }

4:写完之后上传云函数。  
![07e20a303be561a472adb9eddd5c07b4.png][]

![图片.png][.png 2]

好了，继续测试一下，拿到这个条形码的信息了（书本的信息）。  
![a9fbe96b5b1c5322c412d4362d8b8f39.png][]

![e34401c04f9455c96e7f81c191e95903.png][]

5：对于这些信息，进一步处理，拿到自己想要的信息:，打开小程序端scanCode.js。

//进一步的处理方法
            var bookString=res.result;
            console.log(JSON.parse(bookString))

![6d97ce1d5ee4fff4e958fe7305625638.png][]

看到了整本图书上面的所有信息，修改这些信息，存入云数据库之中即可。

\#\#\#\#小程序云开发实战五：如何将获取到的API数据存入云数据库里面

之前的文章里面已经详细写过像云数据库里面插入数据的方法，现在用在实际项目里面再写一遍。

1：使用数据库的时候，首先要进行初始化  
云开发数据库文档：

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html  
2：打开云开发控制台  
老规矩，创建一个集合  
books  
![5259b6cbc1efb73e17290d553bd5e78c.png][]

3：打开小程序端js,  
初始化数据库

//云数据库初始化
             const db = wx.cloud.database({});
             const book = db.collection('books');

4：添加数据（插入数据）  
js代码流程

// pages/scanCode/scanCode.js
    Page({
      data: {
      },
    
      scanCode: function (event) {
        console.log(1)
        // 允许从相机和相册扫码
        wx.scanCode({
          onlyFromCamera: true,
          scanType: ['barCode'],
          success: res => {
            console.log(res.result)
    
            //
            wx.cloud.callFunction({
              // 要调用的云函数名称
              name: 'bookinfo',
              // 传递给云函数的参数
              data: {
                isbn: res.result
              },
              success: res => {
                //  console.log(res)
                //进一步的处理
                var bookString = res.result;
                console.log(JSON.parse(bookString))
    
    
                //云数据库初始化
                const db = wx.cloud.database({});
                const book = db.collection('books')
    
                db.collection('books').add({
                  // data 字段表示需新增的 JSON 数据
                  data: JSON.parse(bookString)
    
                }).then(res => {
                  console.log(res)
                }).catch(err => {
                  console.log(err)
                })
              },
              fail: err => {
                console.error(res)
              }
            })
          },
          fail: err => {
            console.log(err);
          }
        })
      }
    
    })

5：代码逻辑  
1:点击按钮之后调用扫一扫scanCode  
2：读取照相机传递过来的图片，拿到barCode的代码  
3：将拿到的barCode代码传递给云函数中的bookinfo，传递后将结果获取到本地  
4:用云数据库的示例去创建新的字段添加到数据库之中

6：测试一下，好了，小程序端获取的豆瓣API数据存入云数据库里面了。

![9a305d7c1735044eb13c69e7da4cfb68.png][]

![b89c7fd468a25835044652d9b678222d.png][]

附上：

主要思路：
    1：通过调用小程序的扫码的api
    2：调用云函数获取到图书的信息，并将图书信息传递到小程序
    3：在小程序中 调用云数据库来添加
    
    
    可能会有很多人有问，为啥不直接在云函数中完成添加？会更加简单方便啊，暂时留个悬念啊啊哈。

\#\#\#\#小程序云开发实战六：云数据库读取的数据显示在小程序端列表里

读取数据在之前也有详细的写过案例了，现在用在项目里面，很容易就能理解了。

参考的读取api,请点击：[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html][https_developers.weixin.qq.com_miniprogram_dev_wxcloud_guide_database_read.html]

1：初始化  
实例和book方法

//云数据库初始化
        const db = wx.cloud.database({});
        const book = db.collection('books')

2：复制API这段代码获取多个记录的数据的方法，放在项目到onload方法之中  
![2860dbd2204f1e969917d3a6391e6a72.png][]

![3c8634087cfe881f8959a845e453e7f0.png][]

const db = wx.cloud.database({});
    const cont = db.collection('books');
    Page({
      data: {},
      onLoad: function(options) {
        db.collection('books').get({
          success(res) {
            console.log(res.data)
          }
        })
      },
    
    })

3：打印在控制台  
![521ae26051b448183db246ddbd07822d.png][]

4:拿到res.data之后，要赋值给page实例里面的data  
所以在data里面设置一个默认的空数组  
![5a65a7d00a268582025d342487f2e44d.png][]

5：创建一个变量来保存页面page示例中的this,方便后续使用  
也可以使用箭头函数  
来打印一下this,看是不是page示例

![aa5b392f68ed33253d13582bc2d81fee.png][]

6:直接使用this来设置data  
![c9a450909679c19c031aff7f60d725d8.png][]

7：显示和布局：  
使用组件库引入，可以省略自己写很多代码的样式，简单方便，当然也可以自己写。https://youzan.github.io/vant-weapp/\#/card

因为数据不止一条，循环，所以要用到小程序框架的列表渲染  
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html

写好之后  
wxml如下：

8：先在js里面打印一条具体的数据，方便渲染的时候写出item.xxx的内容  
![81629c70d06c52b95454d86d46c1f9ee.png][]

![11af4ddeffbaee652c6a55180c9501d8.png][]

9：小程序wxml界面

主要demo  
wxml:

ok,云数据库读取的数据显示在小程序端列表里.  
![757b36da778dec664f78c06e9bba57e4.png][]

附录：更多的云开发参考资料和视频  
一个云开发的demo：https://github.com/LWJcoder/qiupihu  
云开发图书私房柜：https://cloud.tencent.com/developer/edu/learn-100005-1244/3148

\#\#\#\#小程序云开发实战七：云开发首页列表跳转详情页

1：实战六之中，列表页已经完成，现在新建一个详情页，打开app.json,`"pages/details/details",`，自动生成了一个详情页

![ce31c2a76e8dba51a10fd0f4ead848dc.png][]

2：打开首页列表页代码，绑定详情按钮跳转事件  
wxml:

![9b7bc1bacecca896f9281820d279031c.png][]

3:继续写js里面的绑定事件，在控制台打印一下event，方便后续测试

viewitem: function(event) {
        console.log(event)
      }

![eb53ae40972c1a27b0a02f9bf20e8806.png][]

4：如何知道要跳转列表图书中的哪个详情页？要在云开发里面写一个特定的id，打开云开发控制台，数据库，需要用到这个下划线是\_id的字段

![b8b92ca0fa67935629af8fb474a17ca5.png][]

5：给这个字段设置一个值，`data-id="{ {item._id}}"`

![图片.png][.png 3]

点击按钮，可以看到，点击不同的列表，打印的是不同的id，通过不同的id就可以看到不同的内容了。  
![a59496d7c2e9c137fec4307d9cab5bd4.png][]

6：下面实现点击详情按钮跳转详情页面，看到想要的具体的内容，看完控制台，因为具体数据是来自于event，currentTarget

![5a6da89b07cbc8b2b558661c45eb8718.png][]  
所以js里面声明一下

var id = event.currentTarget.dataset.id;

![5a86ecc53f1e1254f4396feb9261e067.png][]

并且写好跳转页面的跳转方法和url，带参数跳转

7：在detail.js的onLoad方法里面打印接收到的参数  
![16161fc55f015e0f6127f3a4407e26f8.png][]

8：测试,列表界面带参数跳转成功  
![b02a2c16c55d4788e0a9cb10f06bff25.png][]  
分割线分割线=分割线=======分割线  
\#\#\#\#开始写详情页的一些代码  
1：初始化db的实例

const db = wx.cloud.database({});

![9dc22b104a24535053d6cdf019504c96.png][]

2：打开云函数文档里面的读取数据apihttps://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html  
复制此段读取数据记录的代码，放在onload里面

![99ab67cd37ef45d29aff6491c904a3b2.png][]

onLoad: function (options) {
       // console.log(options)
        db.collection('books').doc(options.id).get({
          success(res) {
            // res.data 包含该记录的数据
            console.log(res.data)
          }
        })
      },

可以看到，具体数据已经打印过来了  
![图片.png][.png 4]

这个时候还没有将数据传递到一个具体的页面实例中  
![c6a8e7e135a4bdb73b6fbc35036dd149.png][]

所以，success开始改成使用箭头函数

// pages/details/details.js
    const db = wx.cloud.database({});
    Page({
      /**
       * 页面的初始数据
       */
      data: {
    
      },
      onLoad: function (options) {
        //  console.log(options)
        db.collection('books').doc(options.id).get({
          success: res => {
            console.log(res.data)
            this.setData({
              book: res.data
            })
          }
        })
      },
    })

ok，进入页面的时候，可以看到appdata里面的book  
![ce470ed3e3d777b67ea73e6efa6a5eb0.png][]

3:具体展示  
在wxml里面写上想要拿到的数据，ok，详情页面展示的数据  
![204bfc9871b7f72691c4a73a956c1400.png][]

4：效果如下  
![d78baaf3d27197e74bbddd2c1e7c490d.png][]

> 原文作者：祈澈姑娘 技术博客：[https://www.jianshu.com/u/05f416aefbe1][https_www.jianshu.com_u_05f416aefbe1]  
> 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。  
> 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq群聊来问我：473819131。

\#\#\#\#\#小程序云开发入门实战课程总结：  
[小程序云开发实战一：小程序扫一扫获取到图书ISBN码（图书条形码）][ISBN]  
[小程序云开发实战二：小程序云开发云函数安装依赖步骤][Link 1]  
[小程序云开发实战三：编写云函数代码][Link 2]  
[小程序云开发实战四：调用豆瓣API获取具体的数据][API]  
[小程序云开发实战五：如何将获取到的API数据存入云数据库里面][API 1]  
[小程序云开发实战六：云数据库读取的数据显示在小程序端列表里][Link 3]  
[小程序云开发实战七：云开发首页列表跳转详情页][Link 4]

github源码：https://github.com/wangxiaoting666/cloudproject

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]

[944b05d0be87a7d60dc60cc897a5af1d.png]: /images/20221120/b1c0132db4f443d9bd101fc986756d68.png
[3e4551ecc6be254820b4946fb5dcc720.png]: /images/20221120/e9ce13e6302946068a688d12024b6bf4.png
[2816d79ec87a63ad76f7a6d480fdafd7.png]: /images/20221120/fc7def478b95498db6619d53bfb64d99.png
[5e3fd33b1571a93b7e938e3ff4502bac.png]: /images/20221120/c754b291b19247978e2e4ac3ce271ba7.png
[a3b6842f1dc7ce74704eda967b9fec21.png]: /images/20221120/b9ec7226d30c44c489145937975fc42e.png
[2ce331eb8cba9e245dcd9f5b9325893a.png]: /images/20221120/523e372e3c58463a81a2a3fa5b8b30d7.png
[084d09e067e3429b59e3c66d6dde4329.png]: /images/20221120/8532e3b709ac42b7aef7dd7ccc455da3.png
[f6c62347ff5267af0f19db585e88d7c8.png]: /images/20221120/1c67f24c3ffb47158f4cede7b5023d57.png
[0b7a0df5f232f826117da1f04d86d5bb.png]: /images/20221120/a3ff06d4ac834b3b8c21fbed6617c26c.png
[c497923de2aadc6046d4deab43adfad8.png]: /images/20221120/6af15fa689fc48dbaceb798a7f5f142c.png
[0b19e2b81e1c6e6e0833a07806e783ac.png]: /images/20221120/5d2314dbe5264e8c9916e9c1af7e95ef.png
[7a76ebf7b20d792779d49caed63a2a38.png]: /images/20221120/83efb911dc434803a5521562ac80747b.png
[.png]: /images/20221120/b4e679c417f04b5e8d563fae8bc8cc16.png
[eb9b22f272057bd51f9ada01caa09159.png]: /images/20221120/c78302e47a0b4925839dce2eb0d65710.png
[bb0f64f67e8086b3ed50617a6c0d38c1.png]: /images/20221120/42d77095131846478b4440bfe3a16dc9.png
[a59195c0a4df3064bcee71fab322ba20.png]: /images/20221120/0322e9717f0f4e108f052e1d88d64395.png
[43b53e150998d1653ed0409b3bf94d06.png]: /images/20221120/cd7208eee87949508a8f0294acbd49b3.png
[25225dc2868f5f228afdcea476fb750d.png]: /images/20221120/6286541509fa4d4f8f8e2f6f5e681f21.png
[5d8b61ecf557d00133e9be20e77aa744.png]: /images/20221120/5428b8403cfe472f81a8c12bc5ffcfbd.png
[.png 1]: /images/20221120/30d33d97815947dd934f245154815582.png
[07e20a303be561a472adb9eddd5c07b4.png]: /images/20221120/87f573a46ff14b89b3e0a7b7a466d69a.png
[.png 2]: /images/20221120/6428044561cf4ffba941ed9628d5c32f.png
[a9fbe96b5b1c5322c412d4362d8b8f39.png]: /images/20221120/82031cd41d7841dab1193638b7fbd157.png
[e34401c04f9455c96e7f81c191e95903.png]: /images/20221120/baa64a01535c43948540f44d84e7ee5f.png
[6d97ce1d5ee4fff4e958fe7305625638.png]: /images/20221120/333c3c0dfe27464aa3c7abd1b4774c44.png
[5259b6cbc1efb73e17290d553bd5e78c.png]: /images/20221120/0e2837f2669a4a129f9c72b343b24035.png
[9a305d7c1735044eb13c69e7da4cfb68.png]: /images/20221120/9e501965999744b0ac55fde696fed4ff.png
[b89c7fd468a25835044652d9b678222d.png]: /images/20221120/8916ca5e25df4a408b71fd0aa4973da8.png
[https_developers.weixin.qq.com_miniprogram_dev_wxcloud_guide_database_read.html]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html
[2860dbd2204f1e969917d3a6391e6a72.png]: /images/20221120/49ce4fb0487b49448758e853b34e2ae2.png
[3c8634087cfe881f8959a845e453e7f0.png]: /images/20221120/86d24bf5f9f44cf295b7811b74bcd78f.png
[521ae26051b448183db246ddbd07822d.png]: /images/20221120/c3a8fc3d099540f4b20af9cd9c335645.png
[5a65a7d00a268582025d342487f2e44d.png]: /images/20221120/f3ca00308fc44acfa61b35848d7771f7.png
[aa5b392f68ed33253d13582bc2d81fee.png]: /images/20221120/478ced70b22d41c594aaa63ba3149eeb.png
[c9a450909679c19c031aff7f60d725d8.png]: /images/20221120/24688cf6096f4a4589b596a982070bbe.png
[81629c70d06c52b95454d86d46c1f9ee.png]: /images/20221120/b1fad0e3e5734a109b106ea68ae7c50d.png
[11af4ddeffbaee652c6a55180c9501d8.png]: /images/20221120/32d1765f208a49f2ac9850234de8b15b.png
[757b36da778dec664f78c06e9bba57e4.png]: /images/20221120/aaf54101af2e40afaacc52321aa4d97e.png
[ce31c2a76e8dba51a10fd0f4ead848dc.png]: /images/20221120/c1dda5884a52406d8f657b2153b41de9.png
[9b7bc1bacecca896f9281820d279031c.png]: /images/20221120/148f07ce2ead44c7bb486d12b005897d.png
[eb53ae40972c1a27b0a02f9bf20e8806.png]: /images/20221120/c656838704634dfd9a37436e9db675fe.png
[b8b92ca0fa67935629af8fb474a17ca5.png]: /images/20221120/4e39dddbccf14289ba00c758bb208af9.png
[.png 3]: /images/20221120/a232f3fba6c445b0ab37f00c36870431.png
[a59496d7c2e9c137fec4307d9cab5bd4.png]: /images/20221120/230f1de2d9264bc5b520aac5b5215d52.png
[5a6da89b07cbc8b2b558661c45eb8718.png]: /images/20221120/1e55569869664fc993493d357e1c12f9.png
[5a86ecc53f1e1254f4396feb9261e067.png]: /images/20221120/fe6e1476fa2e4926a9c253fe670555da.png
[16161fc55f015e0f6127f3a4407e26f8.png]: /images/20221120/30f8824805204da0a3f9b564a104e44a.png
[b02a2c16c55d4788e0a9cb10f06bff25.png]: /images/20221120/b24c0f3cf26a4183a7128584476812d9.png
[9dc22b104a24535053d6cdf019504c96.png]: /images/20221120/2a42d6a643364fc1990362ecb1c5098f.png
[99ab67cd37ef45d29aff6491c904a3b2.png]: /images/20221120/72c91fa5601c4eefbe8637b42dd0679f.png
[.png 4]: /images/20221120/443d14550c7e4d3dba430a7496dbc145.png
[c6a8e7e135a4bdb73b6fbc35036dd149.png]: /images/20221120/f6c24649308142e5a9a9577c7b972fd4.png
[ce470ed3e3d777b67ea73e6efa6a5eb0.png]: /images/20221120/b8a9f04e9e364c8fb39d90ddc3e99b37.png
[204bfc9871b7f72691c4a73a956c1400.png]: /images/20221120/b24eaff1bba542638bc270772c26e95b.png
[d78baaf3d27197e74bbddd2c1e7c490d.png]: /images/20221120/09431508033546228715dceba9f54d7d.png
[https_www.jianshu.com_u_05f416aefbe1]: https://link.jianshu.com?t=http%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttps%253A%2F%2Fwww.jianshu.com%2Fu%2F05f416aefbe1
[ISBN]: https://www.jianshu.com/p/79311c780f04
[Link 1]: https://www.jianshu.com/p/2d9e226113ee
[Link 2]: https://www.jianshu.com/p/e28363f2cfdb
[API]: https://www.jianshu.com/p/2b57386d6f8f
[API 1]: https://www.jianshu.com/p/8ffac1e9331c
[Link 3]: https://www.jianshu.com/p/75a0f1282d2a
[Link 4]: https://www.jianshu.com/p/54675f214d24
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/4ca764495d214a47bacab2f8a14aa3d6.png