小程序-tensorflow.js跑通测试

898 阅读1分钟

1.登录微信开发平台

open.weixin.qq.com/cgi-bin/ind…

2.注册微信小程序

mp.weixin.qq.com/wxopen/ware…

3.新建小程序后集合tensorflow.js组件

mp.weixin.qq.com/wxopen/plug…

4.app.json 配置插件版本

 "plugins": {
    "tfjsPlugin": {
      "version": "0.0.6",
      "provider": "wx6afed118d9e81df9"
    }
  }

5.配置编辑器设置【重要】(不然会报npm入口找不到错误)

image.png

6.命令行中引入TensorFlow.js npm

  • 切换到项目根目录
  • 执行以下命令行
npm init
npm install @tensorflow/tfjs-core
npm install @tensorflow/tfjs-converter
npm install fetch-wechat

7.点击工具->npm构建

image.png

8.在app.js文件编写代码测试,点击编译

// 在app.js文件编写代码测试,点击编译,控制台有正常输出1,2,3,4数组表示测试正常
var fetchWechat = require('fetch-wechat');
var tf = require('@tensorflow/tfjs-core');
var webgl = require('@tensorflow/tfjs-backend-webgl');
var plugin = requirePlugin('tfjsPlugin');
//app.js
App({
  onLaunch: function () {
    plugin.configPlugin({
      // polyfill fetch function
      fetchFunc: fetchWechat.fetchFunc(),
      // inject tfjs runtime
      tf,
      // inject webgl backend
      webgl,
      // provide webgl canvas
      canvas: wx.createOffscreenCanvas()
    });
    tf.tensor([1,2,3,4]).print()
  }
});

9.其它注意点

  • 编译不通过,报no define 错误处理方法 删除node_modules下的@types整个文件夹,然后再用工具 → 构建npm的
  • 每次安装npm包,都需要重新构建npm