用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

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

Rolan 2019-11-20 00:01

本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述这篇文章主要讲解如何将tensorflow与微信小程序结合,使得tensorflow的模型能够在微信小程序上呈现出来。解决方案下载微信小程 ...

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

问题描述

这篇文章主要讲解如何将 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

实习编辑   |   王文星

责       编   |   马原涛

 where2go 团队

微信号: 算法与编程之美        

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 马原涛 来自: 算法与编程之美