rnplay-web, Rails 应用程序在 React Playground网站中的应用

分享于 

4分钟阅读

GitHub

  繁體 雙語
Rails application for the React Native Playground website
  • 源代码名称:rnplay-web
  • 源代码网址:http://www.github.com/rnplay/rnplay-web
  • rnplay-web源代码文档
  • rnplay-web源代码下载
  • Git URL:
    git://www.github.com/rnplay/rnplay-web.git
    Git Clone代码到本地:
    git clone http://www.github.com/rnplay/rnplay-web
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/rnplay/rnplay-web
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    不推荐使用

    rnplay.org 正在 1月,关闭,2017. 它被 https://sketch.expo.io 取代了。 这里 repo 将保留供参考,但不再接受问题或者请求请求。 感谢所有贡献并支持这个项目的人 !

    设置

    你应该安装 ruby 2.2. 首选方法是使用 rbenv。 一旦安装好了,运行 rbenv install 2.2.2

    你还需要在本地运行PostgreSQL和 Redis。

    通过 Homebrew 安装几个git相关的依赖项:

    
    brew install libgit2 cmake
    
    
    
    

    安装 foreman 通过Procfile运行不同的应用程序服务:

    
    gem install foreman
    
    
    
    

    创建一个名为. env,的文件,。 用你自己的替换数据库和ngrok占位符值。 Twitter 键用于开发,不需要自定义。

    
    TWITTER_KEY=T34JvmHO6BTLbqfMWo0cDi2F2
    
    
    TWITTER_SECRET=ObvEyaNo7yV7rgtzs0z8sqjiIfTIsuUlQV33u9sX0aaWaqJ5I7
    
    
    DATABASE_URL=postgresql://user:pass@localhost/rnplay_development?pool=5
    
    
    
    

    运行:

    
    bundle install
    
    
    rake setup
    
    
    
    

    如果在安装 pg gem 时出错,请在 文件系统 上查找 pg_config,然后:

    
    export CONFIGURE_ARGS="with-pg-config=/path/to/bin/pg_config"
    
    
    
    

    然后再安装包。

    打包器和本地仿真器的设置

    打包程序当前要求支持的node_modules位于/app_js 目录中。 有关这里问题的更多文档。

    最后,要将模拟器从模拟器传输到我们的计算机,安装 ngrok

    运行ngrok如下:

     
    ngrok http 34580
    
    
    
     

    然后,将此行添加到。env:

    
    NGROK_SUBDOMAIN=your-random-subdomain
    
    
    
    

    重启领班你的模拟器应该能进入你的本地应用。

    正在运行应用程序

    要运行 Rails 应用程序,web pack服务器和ngrok隧道一起运行:

     
    foreman start
    
    
    
     

    将这里终端窗口保持打开状态,日志将在这里显示。

    访问 http://localhost:34560 查看应用程序主页。

    插件开发

    进行更改时在分支上工作。 主应始终可以部署到生产。

    React App 入口点位于 app/assets/javascripts/editor.js。 它的道具是从服务器模板 app/views/apps/edit.html.erb 传入的。

    所有css文件都位于 app/assets/stylesheets。


    WEB  react  play  rails  NAT  网站  
    相关文章