《智能前端技术与实践》——第1章 开发环境配置——1.7 使用微信开发者工具——1.7.2 使用微信小程序插件(下)

简介: 《智能前端技术与实践》——第1章 开发环境配置——1.7 使用微信开发者工具——1.7.2 使用微信小程序插件(下)

《智能前端技术与实践》——第1章 开发环境配置——1.7 使用微信开发者工具——1.7.2 使用微信小程序插件(上) https://developer.aliyun.com/article/1228395?groupCode=tech_library


3)通过代码引入相关包

我们需要通过代码将所安装的npm包导入所创建的项目中,请看操作具体步骤。 使用插件前,我们要在app.json中声明需要使用的插件,如代码清单1-35所示。


image.png



代码清单 1-35


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


4)在 app.js 的 onLaunch()里调用 configPlugin()函数


首先,我们对 app.js 文件的内容做一下修改,如图 1-60 所示。

image.png

然后,在 APP()函数外部添加代码,如代码清单 1-36 所示。


代码清单 1-36


varfetchWechat=require('fetch-wechat'); 
vartf=require('@tensorflow/tfjs-core'); 
varwebgl=require('@tensorflow/tfjs-backend-webgl'); 
varplugin=requirePlugin('tfjsPlugin');

最后,在App()函数内部的onLaunch()方法中加入代码,以调用插件函数,如代码清单1-37

所示。

代码清单1-37

plugin.configPlugin({ 
fetchFunc: fetchWechat.fetchFunc(), 
tf,webgl,canvas: wx.createOffscreenCanvas() 
   });

设置完组件后,我们就可以使用TensorFlow.js库的API了。我们写一段测试代码验证一

下该组件是否可以正常调用,如代码清单1-38所示。

代码清单1-38

varfetchWechat=require('fetch-wechat');
vartf=require('@tensorflow/tfjs-core');
varwebgl=require('@tensorflow/tfjs-backend-webgl');
varplugin=requirePlugin('tfjsPlugin');
App({
onLaunch() {
plugin.configPlugin({
fetchFunc: fetchWechat.fetchFunc(),
tf, webgl, canvas: wx.createOffscreenCanvas()
    });
tf.tensor([1, 2, 3, 4]).print()
  }
})

我们看到代码清单 1-38 中所定义的张量可以正常显示在控制台,运行结果如图 1-61 所示。


image.png

张量显示成功表明,TensorFlowJS 组件可以正常调用。

相关文章
|
10月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
10月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
JSON 安全 定位技术
微信附近人提取v3脚本, 微信附近人id提取技术插件,采集附近人wxid数据工具
本内容介绍微信“附近的人”功能的技术原理与实现方法,基于LBS服务,涉及位置模拟、协议分析及数据解析。通过修改GPS坐标或使用Frida等工具hook位置函数
微信封号脚本插件,全自动批量投诉工具, vx隔空抓包封号思路【仅供学习参考用途】
这是一款针对微信投诉自动化处理的工具插件,通过模拟点击操作实现批量投诉功能。相比手动投诉,该插件效率更高、成功率更有保障。
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
468 0
在线课堂+工具组件小程序uniapp移动端源码
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
515 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
891 0
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
5178 3
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
925 0
微信小程序更新提醒uniapp