1 创建项目
react-native init lm1 cd lm1
2 安装依赖包
yarn add node-libs-browser
3 创建 rn-cli.config.js 脚本
const extraNodeModules = require('node-libs-browser');
module.exports = {
extraNodeModules,
};
4 创建 global.js ，引入公用包
global.Buffer = require('buffer').Buffer;
global.process = require('process');
if (typeof btoa === 'undefined') {
global.btoa = function (str) {
return new Buffer(str, 'binary').toString('base64');
};
}
if (typeof atob === 'undefined') {
global.atob = function (b64Encoded) {
return new Buffer(b64Encoded, 'base64').toString('binary');
};
}
5 在 app.js 中引入 global
import './global';
6 安装 babel-preset-es2015
yarn add --dev babel-cli babel-preset-es2015
安装加密用包
yarn add react-native-crypto react-native-randombytes
安装兼容工具
yarn add --dev tradle/rn-nodeify
link
react-native link
生成兼容js
./node_modules/.bin/rn-nodeify --hack --install
然后在 App.js 中引入
import './shim.js' import crypto from 'crypto'
7 安装 web3
yarn add web3
8 调用 web3
import Web3 from 'web3';
...
componentWillMount() {
const web3 = new Web3(
new Web3.providers.HttpProvider('https://mainnet.infura.io/')
);
web3.eth.getBlock('latest').then(console.log)
}
9 启动日志
react-native log-android
10 运行应用
react-native run-android
如果报错
added 120 packages from 133 contributors, removed 95 packages and updated 1064 packages in 156.737s
/Users/Easy/Playground/lm1/node_modules/rn-nodeify/cmd.js:74
if (err) throw err
^
Error: ENOENT: no such file or directory, open '/Users/Easy/Playground/lm1/node_modules/rn-nodeify/shim.js'
报错以后怎么办呢？
react-native link
然后 重新装 rn-nodefiy
yarn add --dev tradle/rn-nodeify
再运行
./node_modules/.bin/rn-nodeify --hack --install
这一次终于可以在根目录下成功生成 shim.js 了。
ubuntu 安装 微软字体：
apt-get install ttf-mscorefonts-installer
参考阅读·方糖实战录·动图小工厂
parcel 使用相对路径：
parcel build index.html --public-url ./
Ubuntu 全自动安装雅黑字体（ from http://www.cnblogs.com/Dylansuns/p/7648002.html ）
wget -O get-fonts.sh.zip http://files.cnblogs.com/DengYangjun/get-fonts.sh.zip unzip -o get-fonts.sh.zip 1>/dev/null chmod a+x get-fonts.sh ./get-fonts.sh
删除下载的字体安装脚本文件：
rm get-fonts.sh get-fonts.sh.zip 2>/dev/null
恢复以前的字体设置：
cd /etc/fonts/conf.avail sudo mv 51-local.conf.old 51-local.conf 2>/dev/null sudo mv 69-language-selector-zh-cn.conf.old 69-language-selector-zh-cn.conf 2>/dev/null sudo rm -f -r /usr/share/fonts/truetype/myfonts 2>/dev/null cd -
Mac 去掉一个 ip 变更的域名
ssh-keygen -R old.ftqq.com
Ubuntu 语言包错误修正
perl: warning: Setting locale failed.perl: warning: Please check that your locale settings: LANGUAGE = (unset), LC_ALL = (unset), LC_MESSAGES = "zh_CN.UTF-8", LANG = "zh_CN.UTF-8" are supported and installed on your system.perl: warning: Falling back to the standard locale ("C").安装本地化管理器
sudo apt-get install localepurge
以后再次配置用下边的命令
sudo dpkg-reconfigure localepurge
然后生成
sudo locale-gen zh_CN.UTF-8 en_US.UTF-8
通过 terminal 指定语言
export LC_ALL="en_US.UTF-8"
嫌麻烦可以放到启动脚本里边。
不要通过apt-get 安装，版本太旧了。直接到这里下载编译好12.0.4版本，默认支持 headless 。
找个地方解压：
tar xvf wkhtmltox-0.12.4_linux-generic-amd64.tar.xz
然后运行：
解压目录/wkhtmltox/bin/wkhtmltopdf abc.html abc.pdf
就OK了。
字体配置见下文。
sudo apt-get install wkhtmltopdf
安装完成就可以运行了，但是因为是在服务器环境下，没有连接显示器，所以会报错：
QXcbConnection: Could not connect to display Aborted (core dumped)
sudo apt-get install xvfb
然后把之前的
wkhtmltopdf 5ae26f0a9b186.html 5ae26f0a9b186.pdf
改为
xvfb-run wkhtmltopdf 5ae26f0a9b186.html 5ae26f0a9b186.pdf
上边的错误就消失了。
但是会出现字体错误提示：
Fontconfig warning: "/etc/fonts/conf.d/51-local.conf", line 128: Having multiple <family> in <alias> isn't supported and may not work as expected
找到128行对应的部分：
<!--
Serif faces
-->
<alias>
<family>Cambria</family>
<family>Constantina</family>
<family>SimSunNew</family>
<family>宋体New</family>
<family>PMingLiUNew</family>
<family>新細明體New</family>
<default>
<family>serif</family>
</default>
</alias>
<!--
Monospace faces
-->
<alias>
<family>Consolas</family>
<family>Courier New</family>
<default>
<family>monospace</family>
</default>
</alias>
改为
<!--
Serif faces
-->
<alias>
<family>Cambria</family>
<default><family>serif</family></default>
</alias>
<alias>
<family>Constantina</family>
<default><family>serif</family></default>
</alias>
<alias>
<family>SimSunNew</family>
<default><family>serif</family></default>
</alias>
<alias>
<family>宋体New</family>
<default><family>serif</family></default>
</alias>
<alias>
<family>PMingLiUNew</family>
<default><family>serif</family></default>
</alias>
<alias>
<family>新細明體New</family>
<default><family>serif</family></default>
</alias>
<!--
Monospace faces
-->
<alias>
<family>Consolas</family>
<default><family>monospace</family></default>
</alias>
<alias>
<family>Courier New</family>
<default><family>monospace</family></default>
</alias>
guzzle 如何发xml请求给微信响应
$response = $client->request('POST', $url , [
'headers' => ['Content-Type' => 'text/xml; charset=UTF8'],
'body' => $xml
]);
参考阅读·全平台应用第二部分
参考阅读·全平台应用第一部分
参考阅读·区块链应用第二部分
参考阅读·区块链应用第一部分
mac 里 安装pip
sudo easy_install pip sudo pip install --upgrade pip
Nginx CORS 配置
#
# Wide-open CORS config for nginx
#
location / {
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
#
# Custom headers and headers various browsers *should* be OK with but aren't
#
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
#
# Tell client that this pre-flight info is valid for 20 days
#
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
if ($request_method = 'POST') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
if ($request_method = 'GET') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
}
参考阅读·前端进阶第二部分
参考阅读·前端进阶第一部分