第八章：小程序云开发-卡证识别项目

初始化项目

1. 新建云开发项目
2. 删除自带的示例代码
   1. 删除images、pages、components文件夹
   2. 删除掉app.json中page的导入page列表
   3. 删除掉app.wxml中所有的默认样式
   4. 删除掉cloudfunctions文件夹下面的所有云函数文件夹
3. 新建文件
   1. 在miniprogram文件下添加components、pages、assets文件夹
   2. 将需要的图片全部复制到assets中
   3. 右击pages文件夹，新建home文件夹->右击home文件夹->新建page（home）
   4. 同理新建profile文件以及相应的page

   5. 在app.json中添加tabBar,以及设置window的统一样式

       "window": {
           "backgroundColor": "#ffffff",
           "backgroundTextStyle": "light",
           "navigationBarBackgroundColor": "#ffffff",
           "navigationBarTitleText": "卡证识别",
           "navigationBarTextStyle": "black"
         },
         "tabBar": {
           "list": [
             {
               "pagePath": "pages/home/home",
               "text": "首页",
               "iconPath": "/assets/home.png",
               "selectedIconPath": "/assets/home_selected.png"
             },
             {
               "pagePath": "pages/profile/profile",
               "text": "我的",
               "iconPath": "/assets/profile.png",
               "selectedIconPath": "/assets/profile_selected.png"
             }
           ]
       }
      

首页开发

1. 封装w-header组件
   1. 由于该组件在其他地方也可能使用，因此组件引用放在app.json文件
2. 封装w-card-item组件
   1. 由于该组件只会在首页使用，所以组件引用放在home.json文件中即可

      使用腾讯云的卡证识别

3. 百度搜索腾讯云打开
4. 产品->人工智能->文字识别->卡证文字识别->开始使用
5. 微信扫描登录->注册腾讯云账号->实名认证
6. 点击右上角“接口文档”->向下滚动找到nodejs版的SDK，这个SDK使用非常麻烦
7. 其他方法：在百度搜索image-node-sdk，然后进入github，也是腾讯封装的一个SDK 地址
   1. npm安装
      1. 在云函数根目录打开终端安装：npm i --save image-node-sdk
   2. 将示例代码拷贝到自定义的云函数中
      1. 登录腾讯云->账号信息->访问管理->访问秘钥->API秘钥管理->新建秘钥
      2. 获取到AppId、SecretId、SecretKey，复制到示例代码中

知识点

插槽slot

1. 背景：多个页面有同样的模块，则封装成一个通用组件，但是这个模块内部某块每个页面有区别
2. 使用方法：将这个有区别的一块设置为插槽slot
3. 举例使用：查看w-header组件

WXS的使用

1. 官方文档->框架->WXS语法参考
2. 可以用来处理多位小数
3. 对WXML中展示的数据做某种处理，注意必须用WXS做处理