开发|微信小程序与tensorflow.js准备工作

本文首发于微信公众号：?"算法与编程之美"，欢迎关注，及时了解更多此系列文章。

问题描述

这篇文章主要讲解如何将?t?ensorflow?与微信小程序结合，使得?t?ensorflow?的模型能够在微信小程序上呈现出来。

解决方案

下载微信小程序稳定版，版本号最新的就行。新建一个小程序项目,?AppID?必须是正式的没有可以注册一个。

打开项目后点击右上角详情?—?>?本地设置?-?->?调试基础库?--?>?选择最新版本并勾选使用?n?pm?模块。

打开以下网址，登录自己的小程序账号添加?t?ensorflowJS?插件。

安装?t?ensorflowJS?库，安装?L?TS?版本?(?安装过程不需要配置，一直点下一步即可?)

https://nodejs.org/en/

安装成功后，打开?P?owerShell(?管理员?)?，如下图

输入?node –version?和?npm –version?查看版本号检测是否安装成功

接下来使用?n?pm?安装?t?fjs?所用的一些包

先切换到小程序项目的目录下，输入?npm init?对环境进行初始化

之后会要求输一些配置信息，没什么特别需求直接回车，最后输入?y?es?即可

分别安装以下包

npm install @tensorflow/tfjs-core

npm install @tensorflow/tfjs-converter

npm install fetch-wechat

回到微信小程序页面，点击工具?--?>?构建?npm

进入?p?ackage.json?可以查看已经安装的包，每次新建项目都要重复初始化和安装包的操作

删除一些微信小程序自带的代码，?a?pp.js?内的代码可以都删除。

删除?Index.js?内的内容

删除?l?ogs?文件夹

app.json?内指向?l?ogs?的部分也删除?,?删除代码时前后相应的逗号别忘了删除，不然会报错。

之后用代码导入包，进入之前添加?t?ensorflowJS?插件的网页，下方有引入插件的代码及相关说明

复制到?a?pp?.?json?内，只复制红线部分

复制红线内代码到?a?pp.js

之后用?t?ensorflow?打印一个常量，检测是否能正常运行

结语

导入?tfjs?需要注意的地方

基础库需要切换到2.7.0以上的版本（一般是最新版本）

Npm?的初始化和安装需要在项目目录下操作

每次安装?n?pm?包之后，需要重新构建?n?pm

END

实习编辑? ?|? ?王文星

责? ? ? ?编? ?|? ?马原涛

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!