Shanghai Tongfu Technology Blog

Oracle JET的安装及配置

八月 2, 2016 By Jeet Qiu No comments yet Web Development

1. Oracle JET是什么鬼

按官方的说法，Oracle JET是给JavaScript开发者提供云端数据可视化的工具。JET使用了很多第三方的JavaScript库，例如jQuery，jQueryUI，Knockout，RequireJS和Hammer（如果在本地运行，需要Node.js支持）。

按俺的理解，JET就是O记把一堆前端工具整合到一起的大杂汇，让对前端框架不是特别熟的程序猿媛们能有一个快速开发响应式前端页面的路子。JET可以用于WEB页面开发，也可用于APP的开发。

JET的架构是这样的（基于MVVM设计模式）

从官方的示例程序来看，JET做出来的页面效果还是不错的。

2. 对Oracle JET的看法

其实，开始的时候俺对Oracle JET的态度本来是抗拒的，认为没必要再重复造一个轮子。

个人对于知乎上这个问题的回答深以为然。

不过最近没有啥新东西玩，加上想在一些项目上看看能否把JET引进来（毕竟还是有些基于O记产品的项目），于是报了官网上一个在线的JET Training，对着官方的文档安装环境。

3. 在Windows系统上安装JET

Oracle官网上的步骤已经很详细，基本上照着示例步骤安装即可完成。JET提供两种安装方式（或者称之为JET应用生成方式），一种是前端狗熟悉的Yeoman生成方式，一是使用Netbeans IDE引入JET包的方式（在这时深深鄙视O记一把，居然不把自家JDeveloper的支持做出来，使得如果要用JET与ADF应用结合的话必须使用两个IDE进行开发）。

3.1 以Yeoman方式安装

1）.首先安装Git

下载Git Windows客户端，按提示完成安装。

2）. 安装Node.js

前面提过，要在本地上运行JET必须Node.js支持，下载Windows下包含npm的Node.js安装包。

进行Node.js的安装。

稳定版的Node.js带的npm版本过低，我们需要升级npm,运行命令npm install –g npm进行升级。完成后用npm -v确认npm版本。

3). 安装Yeoman, Grunt, Bower工具包

运行命令npm –g install o bower grunt-cli，安装所需的工具包。

4). 安装JET Yeoman生成器

运行命令npm -g install generator-oraclejet

5）.基于模板生成第一个JET Web应用

运行命令yo oraclejet firstjet –template=basic生成第一个JET Web应用。

应用生成成功后，用grunt生成并启动应用。

grunt build

grunt serve

访问本地服务地址，可以看到第一个JET应用的界面。

3.2 用Netbeans进行JET应用开发

1）.安装Netbeans

在Netbeans站点下载合适的安装包，进行Netbeans安装。

2）.下载Oracle JET压缩包

在OTN下载JET压缩包oraclejet.zip并保存。

3）在Netbean创建Oracle JET应用

打开Netbean,新建一个HTML5/JavaScript应用程序。

下一步选择项目位置。

下一步，选择之前下载的OracleJET压缩包为模板来源，点下一步。选择你所需的工作，点完成，完成OracleJET应用的创建。

温馨提示：如果你在天朝，安装支持包时，请注意科学上网

解决升级Ubuntu 16.04LTS后网卡不能启动方法

四月 26, 2016 By Jeet Qiu 1 comment Linux

最近迷上了Docker，偷得两日闲想把Docker与公司的开发流程结合。下午手贱把试验的Ubuntu 14.04的版本升级至16.04LTS，更贱的顺手把公司的文件服务器也同时进行升级。

sudo do-release-upgrade -d

升级完成后提示需要重启，于是当然的

sudo reboot now

结果印证了什么叫No Zuo No Die, 系统报了个错就再也连不上了。

Failed to start reboot.target: Failed to setup environment correctly
See system logs and ‘systemctl status reboot.target’ for details.

这下傻眼了，还有公司的文件服务器也是同样的问题。这SSH连接不上，只好乖乖地起个VMware vSphere Client连到公司的ESX服务器上去查怎么回事。发现原来的网卡eth0不见了，取之是一个名为ens32的网卡，想手工启动这个网卡，但系统报没有权限，用root用户也不行，看来此路不通。把虚拟机的网卡删除再重新安装，重启除了网卡名字变了外，还是然并卵。

傻眼了，肠子都悔青了。自己做的坏事，怎么着也只能自己解决了。查了各种资料、各种折腾，最后总算搞明白是因为ubuntu 15版本的-udev升级，导致出现这个网卡丢失的问题。多种尝试后用以下方法解决。

1.先取得网卡的MAC地址

ip link

由上图可知00:0c:20…..是俺丢掉的宝贝网卡的地址，把此地址记下来。

2. 创建/etc/udev/rules.d/10-network.rules 文件，增加网卡信息。

sudo vim /etc/udev/rules.d/10-network.rules

在文件中增加以下一行，保存并退出。

SUBSYSTEM==”net”, ACTION==”add”, ATTR{address}==”00:0c:29:de:d9:c1″, NAME=”eth0″

3.重启系统，可以发现丢失的网卡又回来了。

NND，吓出一身冷汗。:)

Note: If no DNS resolution after upgraded, solve the problem as following code:

sudo rm /etc/resolv.conf
sudo ln -s ../run/resolvconf/resolv.conf /etc/resolv.conf
sudo resolvconf -u

俺的解法是简单粗暴直接，删掉了resolv.conf后直接创建一个新的:)。

修改固件在TL-WRD3310安装DD-WRT

二月 19, 2016 By Jeet Qiu 1 comment Linux

家里的无线路由已经用了接近10年，加上随着设备的日渐增多，每次访问Google都要翻墙实在是一件麻烦的事情，于是动了自己写个DD-WRT的念头路由器。刚好公司有个TP-LINK的TL-WRD3310旧路由，刚好利用周五下午无心工作的时间做做试验。

上网找了一下，没能找到WRD3310的rom（严重鄙视）。继续Google，得知WRD3310在国外的对应型号是WRD3600，在DD-WRT官网可以找到WRD3600的rom，所以打着用这个rom刷到WRD3310的念头。翻墙下载了最新的Beta rom，连上WRD3310，选择刚下载的rom升级，结果报了一个“上传文件版本与机型不符”的错误，升级自动退出。

一时卡壳了，但如果这样就认输不弄了，怎么能称爱折腾呢？重新上TP-Link的中国官网，下载了官方固件，用WinHEX打开固件文件，与DD-WRT的固件比较，终于找出通过修改固件写入的办法。

首先，把DD-WRT固件文件开头Offset=0x00000040处把机型从3600改为3100.

再把Offset=0x0000004C开始的16个字节暂时改为DC D7 3A A5 C3 95 98 FB DD F9 E7 F4 0E AE 47 38，然后保存。

用Hash计算出修改后固件文件的MD5，并复制下来。

再次用WinHex打开修改后的固件文件，用上面算出来的MD5替换掉刚才修改过的从Offset=0x0000004C开始的16个字节并保存。

再次通过网页连接WRD3310，用修改后的固件升级，这次顺利升级成功。

升级成功后第一次登录设置路由器的用户名与密码，可以玩DD-WRT的各项设置了，把Shadowshocks写入，就可以实现自动翻墙功能了。同时，设备型号也变成了WRD3600了。

PS: 别说我没提醒你，这个方法适用于所有型号的无线路由写入固件:)

在Vultr的CentOS系统安装NodeJS和Express

二月 2, 2016 By Jeet Qiu No comments yet Web Development

最近迷上了基于MEAN的开发，加上寒假在给邱小姐做HTML+CSS+JS的培训，小朋友强烈要求弄一台服务器，使她的学习成果可以在公网上展示给小伙伴们看。想到恰好在Vultr上有一台空余的服务器，于是趁春节前的空闲部署了CentOS并搭建一台测试的Web服务器。不想花太多时间教小朋友后端编程语言，所以打了JavaScript的主意，准备前后端处理都用JS搞掂，所以决定用Express+NodeJS来做Web服务器。

在Vultr上安装NodeJS和Express异常简单，基本上用Yum管理器就可以傻瓜式安装完。

1.下载最新版的Node.js

切换到临时目录，用curl从Joylent直接下载最新版本的Node.js.

 cd /tmp 
curl -sL https://rpm.nodesource.com/setup | bash -

如下图所示：

2. 安装Node.js

按照提示用yum安装Node.js.

yum install -y nodejs

3.安装NPM包管理工具（可选）

如果你以后想安装Node的addon包，建议安装NPM包管理工具。运行命令：

yum install gcc-c++ openssl-devel make


4.更新NPM工具（可选）
如果运行NPM时提示NPM版本低，可以选择更新NPM,按提示运行命令：

npm -g install [email protected]


5.安装Express

用NPM从仓库中安装Express
npm install -g express-generator


6.创建运行服务的非特权用户（建设）

 useradd 用户名 
passwd 用户名

创建后登出系统并用新建的用户名重新登录。

7.创建Express项目

 express expressproject 
cd expressproject 
npm install


8.运行Express

运行Express，启动服务。

DEBUG=expressproject:* npm start

如果一切正常，会出现以下提示

> [email protected] start /home/用户名/expressproject

> node ./bin/www

至此，你可用http://IP:3000访问到你的Web服务了，Node.js+Express的环境搭建完成了。

解决Windows 10下Vmware桥接网络无法工作问题

十二月 30, 2015 By Jeet Qiu No comments yet Operation Systems

系统升级到Windows 10后有一阵子没用Vmware，今天装了个新虚拟机，启动后发现虚拟机用桥接的方式拿不到IP地址。以为是用的Vmware Workstation 10版本过低的原因，重新装了个Vmware Workstation 12，结果更惨，桥接的网络服务压根就安装不成功。看来实在是有问题，只能求助Google，发现还真不少人碰到同样的问题。有微软社区的，也有Vmware社区的。

难道只能采用NAT模式来使用网络。做为一个多年习惯使用Bridge网络模式强迫症患者，让俺去用NAT实在是不能接受。在只要肯折腾，办法总比困难多的信念支持下，试验了接近1个小时，终于找到了把问题克服的方法。既然Windows不让安装程序去修改NIC接口，手动去修改呢？试试果然能行，步骤如下:

1.在Windows打开网络适配器，选择属性，打开属性窗口，点击“安装…”

2. 在网络功能类型窗口选择服务，然后点“添加”

3.选择要安装的网络服务，厂商选择Vmware Inc.，网络服务选择“Vmware Bridge Protocol”,点确定。

4. 选择Vmware Workstation安装目录下的“vmnetbridge.dll”所在目录。

5. 返回网络适配器属性窗口，确认Vmware Bridge Protocol已成功安装。

6. 如果虚拟机正在运行，关闭虚拟机。打开虚拟网络编辑器，点击左下角的“还原默认设置”，把网络配置还原到默认值。

7. 此时应该会显示桥接方式出来。强迫症的人伤不起，俺还是把桥接设置成唯一可选的网络连接方式。

8.重新启动虚拟机，此时应该可以看到虚拟机已正常连接网络，并成功拿到IP地址。

OS X El Capitan创建U盘引导及Bootcamp破解

十二月 14, 2015 By Jeet Qiu 1 comment Mac, Operation Systems

事先声明，谁再跟俺提说拿Macbook装Windows俺就抽谁。才不会跟你说弄一台破旧硬盘分区损坏导致系统进不去，俺弄了个通宵才搞好。

从来没有想像到过有一天会这样折腾，一个朋友的MBA磁盘分区误操作损坏，没法进入系统。之前电脑买回来后也不知道让人怎么弄，Apple Recovery之类的分区均进不去，想了N多招都不管用，只好出大杀器，重装系统。在网上找啊找资料，发现大部分文章都很傻，写着怎么在Macbook上安装windows均假设OS X系统是完好的，然后在同一台电脑上安装windows，很少有描述在另外一台电脑上安装的。因为朋友的电脑第二天办公要用，只好用笨办法，先安装OS X再安装Windows。

1.制作OS X安装引导U盘

如果没有OS X安装程序，自行到APP Store下载。 Jeet比较好运，自己的MBA上下载了OS X El Capitan的升级程序，但因为忙一直没有升级，所以节省了大量的下载时间。准备一只4GB以上的U盘或移动硬盘，利用createinstallmedia命令创建USB启动引导盘。默认情况下，OS X El Capitan的安装文件位于/Applications/Install\ OS\ X\ El\ Capitan.app/Contents/Resources/createinstallmedia目录。

打开终端窗口，运行命令：sudo /Applications/Install\ OS\ X\ El\ Capitan.app/Contents/Resources/createinstallmedia –volume /Volumes/MyVolume –applicationpath /Applications/Install\ OS\ X\ El\ Capitan.app

创建USB引导盘。注意把/Volumes/MyVolume替换你实际的卷名。提示是否格式化U盘，选是，然后会开始拷贝文件，等待文件复制完成。

2.利用制作好的引导U盘安装OS X

把制作好的U盘插入MBA，开机时按住Option键，选择U盘启动。OS X安装过程省略。

3. 破解OS X El Capitan的Bootcamp

装好OS X El Capitan后，兴冲冲的打开Bootcamp助理，准备安装Windows 7，结果一看傻眼了。

明明没有光驱的一MBA，居然提示俺说有光驱，没法制作Windows安装盘。不怕，网上一大堆bootcamp破解的秘技，照着做就是了。但是，在OS X El Capitan中，修改完Info.plist文件后，压根没办法替换Content包中的文件，不管怎么改chmod\chown都不行。天哪，不要这样玩俺啦。

又是一番Google，最后方知道原来是OS X El Capitan系统完整性保护（System Integrity Protection）的关系，导致没去替换Content包中的文件。重新以修复模式进入电脑（开机Command+R）,打开终端命令窗口，运行csrutil disable，然后重启电脑。终于可以成功替换Info.plist。再打开终端，运行sudo codesign -fs – /Applications/Utilities/Boot\ Camp\ Assistant.app/ –deep完成bootcamp破解。

再运行Bootcamp助理，终于可以制作Win7安装盘了。

4.总结

如非必要，建议不要在MAC上安装Windows，想测试可以用虚拟机。
备一个OS X安装启动盘很有必要。
Bootcamp工具的版本跟电脑型号、批次有关系，不同的机器需要不同的bootcamp工具，请仔细核对自己Macbook的版本选择相应的bootcamp工具。

感谢，本文图形来自极限苹果的这篇文章。

Python

十一月 26, 2015 By Ji Tang No comments yet Uncategorized

Python（英语发音：/ˈpaɪθən/）, 是一种面向对象、解释型计算机程序设计语言，由Guido van Rossum于1989年发明，第一个公开发行版发行于1991年。

Python是纯粹的自由软件，源代码和解释器CPython遵循 GPL(GNU General Public License)协议^[1] 。

Python语法简洁清晰，特色之一是强制用空白符(white space)作为语句缩进。

Python具有丰富和强大的库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块（尤其是C/C++）很轻松地联结在一起。常见的一种应用情形是，使用Python快速生成程序的原型（有时甚至是程序的最终界面），然后对其中有特别要求的部分，用更合适的语言改写，比如3D游戏中的图形渲染模块，性能要求特别高，就可以用C/C++重写，而后封装为Python可以调用的扩展类库。需要注意的是在您使用扩展类库时可能需要考虑平台问题，某些可能不提供跨平台的实现。

设计定位

Python的设计哲学是“优雅”、“明确”、“简单”。因此，Perl语言中“总是有多种方法来做同一件事”的理念在Python开发者中通常是难以忍受的。Python开发者的哲学是“用一种方法，最好是只有一种方法来做一件事”。在设计Python语言时，如果面临多种选择，Python开发者一般会拒绝花俏的语法，而选择明确的没有或者很少有歧义的语法。由于这种设计观念的差异，Python源代码通常被认为比Perl具备更好的可读性，并且能够支撑大规模的软件开发。这些准则被称为Python格言。在Python解释器内运行import this可以获得完整的列表。

Python开发人员尽量避开不成熟或者不重要的优化。一些针对非重要部位的加快运行速度的补丁通常不会被合并到 Python内。所以很多人认为Python很慢。不过，根据二八定律，大多数程序对速度要求不高。在某些对运行速度要求很高的情况，Python设计师倾向于使用JIT技术，或者用使用C/C++语言改写这部分程序。可用的JIT技术是PyPy。

Python是完全面向对象的语言。函数、模块、数字、字符串都是对象。并且完全支持继承、重载、派生、多继承，有益于增强源代码的复用性。Python支持重载运算符和动态类型。相对于Lisp这种传统的函数式编程语言，Python对函数式设计只提供了有限的支持。有两个标准库(functools, itertools)提供了Haskell和Standard ML中久经考验的函数式程序设计工具。

虽然Python可能被粗略地分类为“脚本语言”（script language），但实际上一些大规模软件开发计划例如Zope、Mnet及BitTorrent，Google也广泛地使用它。Python的支持者较喜欢称它为一种高级动态编程语言，原因是“脚本语言”泛指仅作简单程序设计任务的语言，如shellscript、VBScript等只能处理简单任务的编程语言，并不能与Python相提并论。

Python本身被设计为可扩充的。并非所有的特性和功能都集成到语言核心。Python提供了丰富的API和工具，以便程序员能够轻松地使用C语言、C++、Cython来编写扩充模块。Python编译器本身也可以被集成到其它需要脚本语言的程序内。因此，很多人还把Python作为一种“胶水语言”（glue language）使用。使用Python将其他语言编写的程序进行集成和封装。在Google内部的很多项目，例如Google Engine使用C++编写性能要求极高的部分，然后用Python或Java/Go调用相应的模块。《Python技术手册》的作者马特利（Alex Martelli）说：“这很难讲，不过，2004 年，Python 已在Google 内部使用，Google 召募许多 Python 高手，但在这之前就已决定使用Python，他们的目的是 Python where we can, C++ where we must，在操控硬件的场合使用 C++，在快速开发时候使用 Python。”

基本语法

Python的设计目标之一是让代码具备高度的可阅读性。它设计时尽量使用其它语言经常使用的标点符号和英文单字，让代码看起来整洁美观。它不像其他的静态语言如C、Pascal那样需要重复书写声明语句，也不像它们的语法那样经常有特殊情况和惊喜。

缩进

Python开发者有意让违反了缩进规则的程序不能通过编译，以此来强制程序员养成良好的编程习惯。并且 Python语言利用缩进表示语句块的开始和退出（Off-side规则），而非使用花括号或者某种关键字。增加缩进表示语句块的开始，而减少缩进则表示语句块的退出。缩进成为了语法的一部分。例如if语句：

if age<21:
    print("你不能买酒。")
    print("不过你能买口香糖。")
print("这句话处於if语句块的外面。")

注:上述例子为python 3.0版本的代码

根据PEP的规定，必须使用4个空格来表示每级缩进（不清楚4个空格的规定如何，在实际编写中可以自定义空格数，但是要满足每级缩进间空格数相等）。使用Tab字符和其它数目的空格虽然都可以编译通过，但不符合编码规范。支持Tab字符和其它数目的空格仅仅是为兼容很旧的的Python程序和某些有问题的编辑程序。

控制语句

if语句，当条件成立时运行语句块。经常与else, elif(相当于else if) 配合使用。

for语句，遍历列表、字符串、字典、集合等迭代器，依次处理迭代器中的每个元素。

while语句，当条件为真时，循环运行语句块。

try语句。与except,finally配合使用处理在程序运行中出现的异常情况。

class语句。用于定义类型。

def语句。用于定义函数和类型的方法。

pass语句。表示此行为空，不运行任何操作。

assert语句。用于程序调适阶段时测试运行条件是否满足。

with语句。Python2.6以后定义的语法，在一个场景中运行语句块。比如，运行语句块前加密，然后在语句块运行退出后解密。

yield语句。在迭代器函数内使用，用于返回一个元素。自从Python 2.5版本以后。这个语句变成一个运算符。

raise语句。制造一个错误。

import语句。导入一个模块或包。

from import语句。从包导入模块或从模块导入某个对象。

import as语句。将导入的对象赋值给一个变量。

in语句。判断一个对象是否在一个字符串/列表/元组里。

表达式

Python的表达式写法与C/C++类似。只是在某些写法有所差别。

主要的算术运算符与C/C++类似。+, -, *, /, //, **, ~, %分别表示加法或者取正、减法或者取负、乘法、除法、整除、乘方、取补、取模。>>, <<表示右移和左移。&, |, ^表示二进制的AND, OR, XOR运算。>, <, ==, !=, <=, >=用于比较两个表达式的值，分别表示大于、小于、等于、不等于、小于等于、大于等于。在这些运算符里面，~, |, ^, &, <<, >>必须应用于整数。

Python使用and, or, not表示逻辑运算。

is, is not用于比较两个变量是否是同一个对象。in, not in用于判断一个对象是否属于另外一个对象。

Python支持“列表推导式”（list comprehension），比如计算0-9的平方和:

>>> sum(x * x for x in range(10))

285

Python使用lambda表示匿名函数。匿名函数体只能是表达式。比如：

>>> add=lambda x, y : x + y

>>> add(3,2)

Python使用y if cond else x表示条件表达式。意思是当cond为真时，表达式的值为y，否则表达式的值为x。相当于C++和Java里的cond?y:x。

Python区分列表(list)和元组(tuple)两种类型。list的写法是[1,2,3]，而tuple的写法是(1,2,3)。可以改变list中的元素，而不能改变tuple。在某些情况下，tuple的括号可以省略。tuple对于赋值语句有特殊的处理。因此，可以同时赋值给多个变量，比如：

>>> x, y=1,2#同时给x,y赋值，最终结果：x=1, y=2

特别地，可以使用以下这种形式来交换两个变量的值：

>>> x, y=y, x #最终结果：y=1, x=2

Python使用'(单引号)和”(双引号)来表示字符串。与Perl、Unix Shell语言或者Ruby、Groovy等语言不一样，两种符号作用相同。一般地，如果字符串中出现了双引号，就使用单引号来表示字符串;反之则使用双引号。如果都没有出现，就依个人喜好选择。出现在字符串中的\(反斜杠)被解释为特殊字符，比如\n表示换行符。表达式前加r指示Python不解释字符串中出现的\。这种写法通常用于编写正则表达式或者Windows文件路径。

Python支持列表切割(list slices)，可以取得完整列表的一部分。支持切割操作的类型有str, bytes, list, tuple等。它的语法是…[left:right]或者…[left:right:stride]。假定nums变量的值是[1, 3, 5, 7, 8, 13, 20]，那么下面几个语句为真：

nums[2:5] == [5, 7, 8] 从下标为2的元素切割到下标为5的元素，但不包含下标为5的元素。

nums[1:] == [3, 5, 7, 8, 13, 20] 切割到最后一个元素。

nums[:-3] == [1, 3, 5, 7] 从最开始的元素一直切割到倒数第3个元素。

nums[:] == [1, 3, 5, 7, 8, 13, 20] 返回所有元素。改变新的列表不会影响到nums。

nums[1:5:2] == [3, 5] 从下标为1的元素切割到下标为5的元素但不包含下标为5的元素，且步长为2。

函数

Python的函数支持递归、默认参数值、可变参数，但不支持函数重载。为了增强代码的可读性，可以在函数后书写 “文档字符串”(Documentation Strings，或者简称docstrings)，用于解释函数的作用、参数的类型与意义、返回值类型与取值范围等。可以使用内置函数help()打印出函数的使用帮助。比如：

>>> def randint(a, b):

… “Return random integer in range [a, b], including both end points.”…

>>> help(randint)

Help on function randint in module __main__:

randint(a, b)

Return random integer inrange[a, b], including both end points.

WebCenter Site 短地址配置

十一月 24, 2015 By Shadow Guo 1 comment WebCenter Site

使用Oracle Lab中的SitesDemo站点作为实验基础，配置短地址进行访问。并配置Apache服务器做为转发。

1.配置WebRoots

登录后台管理界面，进入Admin UI。选择“Admin”-“WebRoots”进行配置。如下图：

配置的root url为http://localhost:9080/cs/demo .注意最后的demo是任意配置的，可以起一个有意义的名称。在后面我们还需要使用到这个名字（配置到filter中）。

2.配置URL的模板

可以针对某些资产设置一个URL模板，这样可以自动生成对应的短地址URL，不用一个个的进行配置，减轻了工作量。

也可以不配置模板，自行在对应的资产上配置URL。

我们现在对Page建立一个URL模板，进入“Admin”-“Asset Types”-“Page”-“URL Pattern”，如下图进行配置：

Pattern中设定了对应的规则。

3.配置Filter

查找WebCenter site的CS应用安装目录，修改其中的web.xml。增加名称的filter。如下图：

增加了demo的配置。注意这里的名字必须和在第一步配置的最后一级目录名称相同。

4.重启WebCenter Site

5.对首页的地址进行配置

登录后台管理界面，进入Contributor UI。双击Site Tree中的SitesHome，查看其中的URL配置。如下图：

在上图中可以看到两个地址，下方的地址：http://localhost:9080/cs/demo/siteshome.html是根据前面配置的Pattern的自动生成的地址。

同时也可以另行配置自定义的地址，上方的地址：http://localhost:9080/cs/demo/home.html就是自行配置的地址。

一个Page可以配置多个地址。

6.页面访问

在地址栏输入：http://localhost:9080/cs/demo/home.html或http://localhost:9080/cs/demo/siteshome.html都可以对首页进行访问。如下图：

注意看一下访问的地址：

对应的页面中代码：

7.Apache配置

我们的目标是使用域名直接进行访问。所以使用了Apache进行转发。

配置情况如下：

增加一台虚拟主机，将原CS应用下的SitesDemo目录复制到apache的web目录下（SitesDemo中放置了css、images、js等静态信息）。

在Host中配置了www.vhost2.com指向到本机。

重启Apache后，访问地址：http://www.vhost2.com:90/home.html ，看到如下的结果：

注意看一下调用的地址：

实际上没有使用Apache中的静态文件。还是使用了cs应用下的文件。

8.调整Site引用静态文件的代码

修改代码，取消了<%=request.getContextPath()%>/ ，将调用地址直接变成相对地址。如下图：

保存后再次访问http://www.vhost2.com:90/home.html，页面正常打开。如下图：

查看下方访问的地址，已经开始访问Apache下的文件。

但是当我们访问http://localhost:9080/cs/demo/home.html时，发现发生问题。如下图：

还是由于地址的变化引起。

解决方法：

增加一个配置文件，配置URL是否需要包装。

编写一个公共的方法。当读取到配置文件中不要包装时，还是按照原来的方式获取访问地址；如果配置文件中要求包装，则按原有方式获取访问地址后，将domain的部分截取掉。这样的话在只要在管理环境和访问环境中配置不同的配置项就好。

Install Oracle WebCenter Content 12c

十一月 6, 2015 By Jeet Qiu No comments yet Fusion Middleware, WebCenter, Webcenter Content

继续试用WCC 12c,比起11g,WCC 12c最大的改进当属是采用了全新的Alta UI，当然了，其它的一些功能就只有慢慢试了。

和WCS一样，安装的前提是JDK 8，Oracle Database 12c，Weblogic Server 12c,具体的安装步骤可以参考这篇文章安装Oracle WebCenter Sites 12c (part 1) ，RCU的设置及安装可参考安装Oracle WebCenter Sites 12c (part 2) 。这篇文章从安装WCC开始。

1. 安装WCC软件

1.1 启动安装向导

输入命令，“c:\Program Files\Java\jdk1.8.0_65\bin\java.exe” -jar fmw_12.2.1.0.0_wccontent_generic.jar启动安装向导。

1.2 自动更新

跳过，点Next.

1.3 安装位置

选择Oracle Home位置，Next

1.4 先决条件检查

检查成功后，Next

1.5 安装汇总

点Install，开始安装WCC软件。

安装进行中

1.6 完成WCC软件安装

2. 配置WCC域

2.1 运行RCU创建所需的数据库表空间

2.2 创建域

转至 ORACLE_HOME/oracle_common/common/bin目录下，运行config.cmd，启动WCC应用域创建向导。

创建新Domain

选择域模板

Domain模式和JDK

数据源

数据库配置

输入信息后点Get RCU Configuration

Credentials

配置管理服务器

完成域配置及安装

2.3 启动管理服务器

利用命令startNodeManager.cmd和startWeblogic.cmd启动Node Manager和Admin Server，通过地址http://localhost:7001/console登入控制台。

启动UCM_Server1

确认管理服务器已处于Running状态。

2.4 访问WCC服务器，完成初始化配置

访问地址http://localhost:16200/cs，登录WCC，完成初始化设定

重新启动服务器，即可正常使用WCC了。

如果要使用Alta UI,必须启动WCCADF_server1，通过地址http://localhost:16225/wcc，即可体验New UI。

安装Oracle WebCenter Sites 12c (part 3)

十一月 4, 2015 By Jeet Qiu No comments yet Fusion Middleware, WebCenter, WebCenter Site

继续本系统文章的最后一篇，配置并运行Oracle WebCenter Sites.

6. 配置Oracle WebCenter Sites

6.1 启动管理服务器

运行Oracle Home目录下的user_projects\domains\wc_domain\startWeblogic.cmd，启动管理服务器。

6.2 启动Node Manager

运行Oracle Home目录下的user_projects\domains\wc_domain\startNodeManager.cmd，启动Node Manager，成功启动后显示<Nov 3, 2015 8:42:22 PM PST> <INFO> <Secure socket listener started on port 5556, host localhost/127.0.0.1>等字眼。