怎样使用微信小程序的第三方js库？

方法一：rpn.js：使用rpn.js实现eval函数功能

*** 作链接：网页链接

方法二：

（1）使用Underscore.js： *** 作链接：网页链接

（2）使用Immutable.js： *** 作链接：网页链接

（3）使用UUID、Base64、Chance： *** 作链接：网页链接

扩展微信小程序框架功能（1）——Promise

ES6 对 Promise 有了原生的支持，但微信开发者工具更新版本（0.11.112200）后, 移除了开发者工具对 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 库。

扩展微信小程序框架功能（2）——Generator

Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。

扩展微信小程序框架功能（3）——函数功能增强

Underscore.js 和 Lodash 是最常用的JavaScript库。

扩展微信小程序框架功能（4）——Immutable.js

Immutable.js 是 Facebook 开发的不可变数据集合。Immutable

Data（不可变数据）一旦创建就不能被修改。通过使用Immutable

Data，可以更容易的处理缓存、回退、数据变化检测等问题，应用开发更简单。

扩展微信小程序框架功能（5）——Redux

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。

扩展微信小程序框架功能（6）—日期时间

Moment.js是一个JavaScript的日期、时间处理工具类，其对于JavaScript的日期时间处理功能非常强悍和全面。可以用在浏览器环境中使用，也可以在Node.js中。

扩展微信小程序框架功能（7）——正则表达式

XRegExp 是一个开源的 JavaScript库，提供一个参数化、可扩展的支持各种浏览器的正则表达式的实现库，支持附加语法数纯、标志以及方法。

扩展微信小程序框架功能（8）—此握—Xml处理

x2js是一个 实现 XML 与 JavaScript 对象之间森毕庆相互转换的工具库。

扩展微信小程序框架功能（9）——加解密

node-uuid可以快速地生成符合规范 的 UUID。js-base64可以实现Base64编码和解码。crypto-js可以非常方便地在 JavaScript 进行加解密。

扩展微信小程序框架功能（10）——测试辅助

Chance是一个 JavaScript 随机数生成工具。Mock.js可以生成随机数据，拦截 Ajax 请求。

方法三：moment

*** 作链接：网页链接

最近uniapp 开发移动app项目遇到一个棘手问题，我想实现 TCPScoket 通信。我们知道 uniapp 开发基本用的是一些前端框架（如：vue, mpvue等）和一些 uni 自身 api。要想 uniapp 使用 Android 原生代码有以下三种常用方法：

一： 使用 plus.android.importClass() 调用安卓的类进行原生代码编写，但是经测试效果很不理想，速度很慢！

二：开发原生 Android 插件，运行速度快，但需要一定的安卓开发经验，难度较高。

三：购买其他开发者开发的原生插件，但是一般价格不低。

综上所培好述，我们必须学会自己开发原生插件！

二、前期准备

1、Android Studio 开发工具。 下载地址：https://developer.android.google.cn/studio/ 安配亮铅装教程：https://blog.csdn.net/weixin_43883917/article/details/108942788

2、离线键腔SDK下载（下载最新版）。 下载地址: https://nativesupport.dcloud.net.cn/AppDocs/download/android

3、保证 HbuilderX 也是最新版

4、签名证书。 生成方法：https://blog.csdn.net/weixin_58605808/article/details/117387435

三、创建一个 Uniapp 案例 （TCP-Plugin）

1、 开发者中心创建一个应用：https://dev.dcloud.net.cn/app/index?type=0

2、 点击应用名称进入应用，选择 离线打包Key管理 ，输入如下信息：

签名证书获取：

3、 点击保存会生成 appkey，后面要用到：4、 启动 HbuilderX，左下角登录自己的账户，新建一个和刚刚同名的项目的默认模板项目，查看 manifest.json AppID 是否云端 APPID 对应：

以上 uniapp demo 算是创建完成！

四、Android 原生插件开发

一、导入已下载好的离线SDK中的原生插件开发框架项目，UniPlugin-Hello-AS

二、切换成 project模式， 项目结构如下：

三、把我们刚才申请的appkey填写到 app/src/main/AndroidManifest.xml 中，因为开发的是安卓，所以appkey填安卓的：

四、把我们的签名证书放到app目录下，博主的签名证书名叫 uniapp.keystore

五、配置签名证书，在 app/build.gradle 的 signingConfigs 选项中：

六、右键 UniPlugin-Hello-AS，创建 Module

七、填写插件模块信息：

八、配置 TCP-Socket/build.gradle，复制官方案例 uniplugin_module/build.gradle

apply plugin: 'com.android.library'

android {

compileSdkVersion 29

defaultConfig {

minSdkVersion 16

targetSdkVersion 28

versionCode 1

versionName "1.0"

testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'

}

buildTypes {

release {

minifyEnabled false

proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

}

}

}

repositories {

flatDir {

dirs 'libs'

}

}

dependencies {

compileOnly fileTree(dir: 'libs', include: ['*.jar'])

compileOnly fileTree(dir: '../app/libs', include: ['uniapp-v8-release.aar'])

compileOnly 'androidx.recyclerview:recyclerview:1.0.0'

compileOnly 'androidx.legacy:legacy-support-v4:1.0.0'

compileOnly 'androidx.appcompat:appcompat:1.0.0'

implementation 'com.alibaba:fastjson:1.1.46.android'

implementation 'com.facebook.fresco:fresco:1.13.0'

/*implementation 'com.android.support:appcompat-v7:28.0.0'

testImplementation 'junit:junit:4.12'

androidTestImplementation 'com.android.support.test:runner:1.0.2'

androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'*/

}

九、删除不必要的官方案例，让项目更加简洁（可选）：

十、在TCP-Socket 模块下的 com/example/tcp/socket 创建类TcpModule

十一、TCP Scocket 通信功能实现，代码如下：

package com.example.tcp.socket

import com.alibaba.fastjson.JSONObject

import java.io.BufferedReader

import java.io.BufferedWriter

import java.io.IOException

import java.io.InputStreamReader

import java.io.OutputStreamWriter

import java.io.PrintWriter

import java.net.Socket

import io.dcloud.feature.uniapp.annotation.UniJSMethod

import io.dcloud.feature.uniapp.bridge.UniJSCallback

import io.dcloud.feature.uniapp.common.UniModule

public class TcpModule extends UniModule {

int port = 6666

Socket socket = null

OutputStreamWriter outputStream = null

InputStreamReader inputStream = null

@UniJSMethod

public void send(final JSONObject json, final UniJSCallback callback) {

new Thread(new Runnable() {

@Override

public void run() {

String ip = json.getString("ip")

String userId = json.getString("code")

JSONObject res = new JSONObject()

// 建立与服务器的连接

try {

socket = new Socket(ip, port)

socket.setSoTimeout(1500)

//建立连接后获取输入输出流

outputStream = new OutputStreamWriter(socket.getOutputStream())

inputStream = new InputStreamReader(socket.getInputStream())

} catch (Exception e) {

try {

socket.close()

} catch (IOException ioException) {

ioException.printStackTrace()

}

e.printStackTrace()

res.put("code", 400)

res.put("data", "系统异常, 请重启APP!")

callback.invoke(res)

}

BufferedReader socketReader = new BufferedReader((inputStream))

BufferedWriter bufferedWriter = new BufferedWriter(outputStream)

PrintWriter socketWriter = new PrintWriter(bufferedWriter, true)

socketWriter.println(userId)

try {

String s = socketReader.readLine()

res.put("code", 200)

res.put("data", s)

// 这里关闭连接, 不然回调以后，程序就不执行了，不能再 finally 里面关闭连接

socket.close()

callback.invoke(res)

} catch (IOException e) {

res.put("code", 400)

res.put("data", "系统异常, 请重启APP!")

callback.invoke(res)

}

}

}).start()

}

}

注意：Android4.0 以后不允许在主线程进行网络连接，否则会出现 android.os.NetworkOnMainThreadException。因此，必须另起一个线程进行网络连接方面的 *** 作。

十二、注册插件，在 app/src/main/assets/dcloud_uniplugins.json 文件中写入，如下：

{

"nativePlugins": [

{

"plugins": [

{

"type": "module",

"name": "TCP-Socket",

"class": "com.example.tcp.socket.TcpModule"

}

]

}

]

}

五、HbuilderX 生成本地打包 TCP-Plugin

1、引入原生插件方式如下：

const TCP = uni.requireNativePlugin("TCP-Socket")

index.vue 代码编写如下：

<template>

<view class="content">

<image class="logo" src="/static/logo.png"></image>

<view class="text-area">

<text class="title">{{title}}</text>

</view>

<view>

<button @click="clickBtn">点击发送消息</button>

</view>

</view>

</template>

<script>

const TCP = uni.requireNativePlugin("TCP-Socket")

export default {

data() {

return {

title: 'TCP-Socket 插件测试'

}

},

onLoad() {

},

methods: {

clickBtn(){

TCP.send({

ip: '192.168.0.100', // 服务器ip

code: 'd92863370904331f8a19cc116719bcd1' // 需要发送的数据

}, e =>{

// 回调函数

uni.showToast({

title: '响应数据：' + JSON.stringify(e),

icon: 'none'

})

})

}

}

}

</script>

<style>

(...省略)

</style>

2、HbuilderX 生成本地打包资源：

六、离线打包apk并进行真机调试

1、把生成的本地打包资源复制到 UniPlugin-Hello-AS 项目的 app/src/main/assets/apps 目录下：

2、配置 appid，在 UniPlugin-Hello-AS 项目的 app/src/main/assets/data/dcloud_control.xml 中配置：

3、在 UniPlugin-Hello-AS 项目的 app/build.gradle 中对 TCP-Socket 插件引用：

4、测试，手机或者虚拟设备连接以后，点击运行进行测试：

七、打包生成原生插件 aar

八、HbuilderX 引入TCP-Socket 打包的 aar 插件：

1、目录结构以及 package.json 编写如下：

2、manifest.json 选择本地插件：

九、制作自定义调试基座

打包自定义基座成功如下：

十、HbuilderX 真机调试测试插件

1、选择自定义调试基座：

注意：如果出现已经制作自定义调试基座，但是没有运行基座选择这一选项的情况。请重新进行自定义基座打包，直到出现运行基座选择为止！

2、选择运行到 Android App 基座进行真机调试：

测试成功！

原生插件开发调试打包全部完成！

十一、开发期间遇到的问题：

1、 [JS Framework] 当前运行的基座不包含原生插件[xxxx]，请在manifest中配置该插件，重新制作包括该原生插件的自定义运行基座。

问题分析：

1、 package.json 配置编写错误 （仔细进行对照）.

2、 是否在manifest中配置 （这种睿智 *** 作一般不会犯）

3、 原生插件是否使用自定义基座 (大部分是这个原因)

4、 自己开发原生插件是否有错误，未成功打包到基座 (原因是这个的概率很小，因为在 Android Studio 离线打包的时候我们调试通过了，说明插件没有问题。)

2、Android Studio 问题：Gradle task list not built during sync.Building the task list can impact Gradlesync performance on large projects.

解决方法如下：

完结~~， 撒花~~

用的是taro框架，编译报错：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory     李衡雹这拦前是由于v8的内存哪帆限制

从2017年8月发布的Node.js v8.0开始，可以使用NODE_OPTIONS 环境变量全局设置max_old_space_size

解决方法1：命令行中输入   export NODE_OPTIONS=--max_old_space_size=4096

解决方法2：升级taro版本

---