fis3-smarty 安装使用详解

基于 FIS3 的针对 Smarty 模板的前端工程解决方案

安装依赖环境

  1. 安装Node.js

    请参考CentOS6.5安装Node.js博文的第二种方案“node安装利器-NVM安装”

            #下载并安装NVM脚本
            curl https://raw.githubusercontent.com/creationix/nvm/v0.31.7/install.sh | bash
            source ~/.bash_profile
            #2.列出所需要的版本
            nvm list-remote
            #3.安装FIS3依赖的版本(FIS3的Node版本要求 0.8.x,0.10.x, 0.12.x,4.x,6.x)
            nvm install v6.5.0
            
  2. 安装NPM镜像设置利器:NRM

    由于FIS3是通过NPM命令安装的,NPM源默认为国外源,由于经常被墙,为了保证安装其他模块速度,我们需要手都更新源。NRM利器汇集多个Npm源,方便我们通过测试不同源的响应时间,来选择用哪个NPM源。
    请参考CentOS6.5安装Node.js博文的第四种方案“NPM镜像设置利器:NRM”

            #1、安装NRM
            $ npm install -g nrm
    
            #2、查看具体命令
            $ nrm --help
            Usage: nrm [options] [command]
              Commands:
                ls                           展示所有npm镜像
                use <registry>               选择使用哪个镜像
                add <registry> <url> [home]  增加自定义镜像
                del <registry>               删除镜像
                home <registry> [browser]    用浏览器打开镜像首页
                test [registry]              测试连接镜像响应时间(非常重要,方面我们选择使用哪个镜像)
                help                         Print this help
    
            #3、展示所有npm镜像(前面星号(*)指明当前正在用的镜像)
            $ nrm ls
            * npm -----  https://registry.npmjs.org/
              cnpm ----  http://r.cnpmjs.org/
              taobao --  https://registry.npm.taobao.org/
              nj ------  https://registry.nodejitsu.com/
              rednpm -- http://registry.mirror.cqupt.edu.cn
              skimdb -- https://skimdb.npmjs.com/registry
    
            #4、测试连接镜像响应时间,选择使用哪个镜像
            #国内比较稳定的是taobao,也可以通过nrm test [registry]比较
            $ nrm use taobao
            
  3. 安装FIS3

    当NPM镜像设置完毕后,我们可以开心的玩耍了。

            #npm 安装 FIS3
            npm install -g fis3;
            

    fis3-smarty需要php的web环境,fis3开发了相应的组件fis3-server-smarty来支持php脚本
    fis3-server-smarty 是通过 java + jetty + phpcgi 开启服务,内嵌支持 [fis3-smarty](https://github.com/fex-team/fis3-smarty) 调试的运行框架。

            #npm 安装 fis3-server-smarty
            yum install php java;
            npm install -g fis3-server-smarty;
            

    开启web服务

             #1.自定义设置全局web服务根目录
             #默认:~/.fis3-tmp/www
             export FIS_SERVER_DOCUMENT_ROOT=/home/www
             #开启服务
             2.fis3 server  start --type smarty
             # 服务的相关命令
             fis3 server --help
            
  4. 安装fis3-smarty

    fis3-smarty

            #npm 安装 fis3-smarty
            npm install -g fis3-smarty;
            #将fis3-smarty的例子cp到home目录下
            cp -fr ~/.nvm/versions/node/v6.5.0/lib/node_modules/fis3-smarty/doc/demo /home
            

    模块编译发布

            #demo下模块配置参考
            cd /home/demo/common;
            # vim fis-conf.js
            fis.require('smarty')(fis);
            fis.set('namespace', );
            // default media is `dev`,
            fis.media('dev').match('*', {
                useHash: false,
                optimizer: null
            });
            #发布
            fis3 release
            

    后记:通过实际操作可以得知,fis.require(‘smarty’)(fis);这是调用了fis3-smarty模块的功能部署功能,大体经过可以查看 ~/.nvm/versions/node/v6.5.0/lib/node_modules/fis3-smarty/index.js中的代码优化合并机器部署规则!

相关文章
  1. windows7系统下fis3安装教程
  2. 对Web静态资源缓存自动更新的思考与实践的总结
本站版权
1、本站所有主题由该文章作者发表,该文章作者与尘埃享有文章相关版权
2、其他单位或个人使用、转载或引用本文时必须同时征得该文章作者和尘埃的同意
3、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
4、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
5、原文链接:
二维码
Posted in FIS3, javascript, JavaScript, linux技术, 开发工具, 用户体验设计, 编程语言
Comments are closed.