0%

发表于 分类于
本文字数： 5.1k 阅读时长 ≈ 5 分钟

安装Node和JDK8

下载Node长期支持版

https://nodejs.org/dist/v14.15.4/node-v14.15.4-x64.msi

下载JDK 8

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

使用nrm工具切换淘宝源

1
npx nrm use taobao

安装Yarn工具

1
npm install -g yarn

安装Android

下载和安装Android开发环境

https://redirector.gvt1.com/edgedl/android/studio/install/4.1.2.0/android-studio-ide-201.7042882-windows.exe

选择Custom安装，包括 Android SDK、Android SDK Platform、Android Virtual Device三个包，

SDK Manager 安装：

1
2
Android SDK Platform 25 （Andriod 7.1.1）
Intel x86 Atom_64 System Image

配置环境

增加环境变量ANDROID_HOME

1
ANDROID_HOME = C:\Users\【你的用户名】\AppData\Local\Android\Sdk

增加系统Path

1
2
3
4
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

创建新项目

在工作目录下创建 AwesomeProject项目

1
2
3
npx react-native init AwesomeProject
cd AwesomeProject
yarn react-native run-android

增加Android 原生模块的交互

ToastModule和CustomToastPackage

在路径：android/app/src/main/java/com/awesomeproject下 增加两个文件

  • ToastModule.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
// 1、 ToastModule.java
package com.awesomeproject;

import android.widget.Toast;

import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Callback;

import java.util.Map;
import java.util.HashMap;

public class ToastModule extends ReactContextBaseJavaModule {
  private static ReactApplicationContext reactContext;

  private static final String DURATION_SHORT_KEY = "SHORT";
  private static final String DURATION_LONG_KEY = "LONG";

  public ToastModule(ReactApplicationContext context) {
    super(context);
    reactContext = context;
  }

  @Override
  public String getName() {
    return "ToastExample";  //模块名称
  }

  @Override
  public Map<String, Object> getConstants() {
    final Map<String, Object> constants = new HashMap<>();
    constants.put(DURATION_SHORT_KEY, Toast.LENGTH_SHORT);
    constants.put(DURATION_LONG_KEY, Toast.LENGTH_LONG);
    return constants;
  }

  // 直接调用  
  @ReactMethod  
  public void show(String message, int duration) {
    Toast.makeText(getReactApplicationContext(), message, duration).show();
  }

  // 参数传递与返回  
  @ReactMethod
  public void callBackMethod(String paramsFromJS, Callback errorCallback, Callback successCallback) {
    // Log.d("ToastModule", "CallbackMethod:" + paramsFromJS);
    boolean result = false;
    if (result) {
      successCallback.invoke("callBack Ok：" + paramsFromJS);
    } else {
      errorCallback.invoke("callback Err:" + paramsFromJS);
    }
  }
}
  • CustomToastPackage.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// CustomToastPackage.java
// 包

package com.awesomeproject;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class CustomToastPackage implements ReactPackage {

  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }

  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    List<NativeModule> modules = new ArrayList<>();

    modules.add(new ToastModule(reactContext));

    return modules;
  }

}

在 android/app/src/main/java/com/awesomeproject/MainApplication.java引入包

1
2
3
4
5
6
7
8
9
import com.awesomeproject.CustomToastPackage; // <-- 引入你自己的包

    @Override
    protected List<ReactPackage> getPackages() {
   	  // 新增...
      packages.add(new CustomToastPackage()); // <-- 添加这一行，类名替换成你的Package类的名字 name.
      return packages;
    }

新增 /ToastExample.js文件。

1
2
3
// ToastExample.js
import {NativeModules} from 'react-native';
export default NativeModules.ToastExample;

修改/App.js。增加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import {
  //...
  TouchableHighlight,
  TouchableOpacity,
  //...
} from 'react-native';

import ToastExample from './ToastExample';

	    <TouchableHighlight
                style={styles.button}
                onPress={() =>
                  ToastExample.show(
                    '集成Andriod原生模块，显示Toast',
                    ToastExample.SHORT,
                  )
                }>
                <Text style={styles.bottonTitle}>
                  集成Andriod原生模块，显示Toast
                </Text>
              </TouchableHighlight>
			
             <TouchableOpacity
                style={styles.button}
                onPress={() =>
                  ToastExample.callBackMethod(
                    '回调获取返回值',
                    (msg) => {
                      ToastExample.show(
                        'error ret: ' + msg,
                        ToastExample.SHORT,
                      );
                    },
                    (msg) => {
                      ToastExample.show('suc ret: ' + msg, ToastExample.SHORT);
                    },
                  )
                }>
                <Text style={styles.bottonTitle}>回调获取返回值</Text>
              </TouchableOpacity>

//const styles = StyleSheet.create({
  button: {
    alignItems: 'center',
    backgroundColor: '#008b8b',
    padding: 10,
  },
  bottonTitle: {
    fontSize: 16,
    fontWeight: '600',
    color: '#FFFFFF',
  },
//}

重新编译运行

1
yarn react-native run-android

参考

https://www.react-native.cn/docs/native-modules-android

发表于 分类于
本文字数： 963 阅读时长 ≈ 1 分钟

注意：请按步骤进行,未进行前面的步骤,请不要做后面的步骤，否则可能损坏数据库,
以库名www为例, 若不压缩库, 数据库的文件不会减小。

压缩日志文件

清空日志

1
2
3
4
# 清空日志
DUMP TRANSACTION www WITH NO_LOG       
# 截断事务日志
BACKUP LOG www WITH NO_LOG

收缩数据库

图形界面

企业管理器->右键你要收缩的数据库->所有任务->收缩数据库->收缩文件(XXM: 允许收缩到的文件M数)

  • 选择日志文件->选择收缩至XXM,确定
  • 选择数据文件->选择收缩至XXM,确定
    如上操作www库后，几G的日志文件变为1M大小:)

SQL语句

1
2
3
DBCC SHRINKDATABASE www
DBCC SHRINKFILE(1)  #1：通过以下语句查询到的文件号
select * from sysfiles

分离旧的大日志文件，创建新的最小化的日志文件

查询分析器界面操作

  • 分离数据库:企业管理器->服务器->数据库->右键->分离数据库
  • 在我的电脑中删除LOG文件
  • 附加数据库:企业管理器->服务器->数据库->右键->附加数据库
    如上操作后，生成新的LOG文件更小。

SQL语句

分离www日志，将www中的一个文件附加到当前服务器。

1
2
3
4
# 分离，并删除日志文件
EXEC sp_detach_db @dbname='www'
# 附加库，并创建新的日志文件
EXEC sp_attach_single_file_db @dbname='www', @physname='c:\\path\to\www.mdf'

库收缩和日志增长的自动设置

库自动压缩设置

1
2
3
4
# 界面操作
企业管理器->服务器->右键数据库->属性->选项->选择"自动收缩"
# SQL语句
EXEC sp_dboption 库名, autoshrink, TRUE

日志增长限制设置

1
2
3
4
# 界面操作
企业管理器->服务器->右键数据库->属性->事务日志，将文件增长限制为(xx)M大小。
# SQL语句
alter database 库名 modify file (name=原逻辑文件名, maxsize=10)