Neste post iremos criar um site pessoal usando rails e implantá-lo no Heroku. Heroku é uma plataforma de aplicativos em nuvem - uma nova maneira de construir e implementar aplicativos da web. A melhor coisa sobre o Heroku é que você não precisa pagar para hospedar aplicativos básicos da web, pois o Heroku os classificou como gratuitos. Construiremos uma aplicação rails de página única e será um site estático que pode ser usado como portfólio.
Abaixo está o instantâneo do aplicativo rails (implantado no Heroku Aqui )
Vamos começar a criar este aplicativo Rails. Presumo que você já tenha instalado Ruby e Rails. Certifique-se de ter Ruby 2.0 e Rails 4.2.2. Você pode verificar a versão no prompt de comando.
Nota: Usaremos Ruby 2.0 e Rails 4.2.2. Se você tiver algumas versões diferentes de Ruby e Rails, algumas das etapas mostradas neste artigo podem não funcionar para você.
Criando o projeto:
Chamaremos nosso projeto de website. Para criar o projeto use o comando Rails novo site
O Rails irá gerar automaticamente todos os arquivos e também irá instalar todas as joias necessárias executando o pacote run instalado automaticamente como mostrado abaixo
Agora você verá uma pasta de site sob sua unidade C: (o local de onde executamos o novo comando de site do Rails). Vamos abrir a pasta do site em algum IDE. Eu tenho Brackets IDE da Adobe. Você pode usar qualquer outro, pois não importa.
Estrutura do Projeto:
A estrutura do projeto gerada será semelhante a abaixo
Mesmo que não tenhamos escrito nenhum código, você pode executar o aplicativo do site agora. Para executar o aplicativo do site, execute o comando Rails da pasta do site conforme mostrado abaixo
Como você pode ver no instantâneo acima, nosso aplicativo do site foi implantado emhttp: // localhost: 3000
Você poderá ver a tela abaixo para acessar o URLhttp: // localhost: 3000
Mas queremos mostrar a página principal do nosso aplicativo sobre como acessar a URLhttp: // localhost: 3000 /.Para isso, vamos criar uma página index.html na pasta pública do nosso projeto de site.
Nota: Rails irá servir automaticamente a página index.html ao acessar o URL raizhttp: // localhost: 3000
Por enquanto, temos apenas uma linha na página index.html.
Vamos acessar o URL raizhttp: // localhost: 3000
Agora, vamos dar vida à nossa página index.html adicionando algumas imagens - JS e CSS legal. Usaremos o tema em tons de cinza no bootstrap inicial.
Tema inicial do bootstrap em tons de cinza -
Abaixo está o instantâneo do tema inicializar em tons de cinza que usaremos. Vamos personalizar este tema para atender aos nossos requisitos.
o que são dados combinados no tableau
Você pode baixar este tema em http://startbootstrap.com/template-overviews/grayscale/
Baixe o tema em tons de cinza e copie CSS, font-awesome, fonts, img, JS e index.html para o diretório público do projeto do site. Abaixo está o instantâneo do projeto após adicionar CSS, JS, fontes, pasta de imagens e página index.html no diretório público do projeto do site.
Vamos executar nosso projeto de site agora:
Ao executar o projeto, você verá uma página de tema em tons de cinza de boa aparência.
Vamos modificar a página index.html (no diretório público do projeto do site) para dar-lhe uma aparência profissional.
Abaixo está o instantâneo do projeto do site após fazer as alterações na página index.html. Acabamos de alterar as imagens e editamos parte do texto para torná-lo específico para um indivíduo.
Você pode modificar o index.html e grayscale.CSS como quiser. Agora, estamos prontos para implantar nosso aplicativo de website no Heroku.
Enviando o código para o Github:
Antes de implantar o aplicativo no Heroku, precisamos enviar nosso código para um repositório Github remoto. Para isso, você precisa de uma conta no Github. Se você não tem uma conta Github, vá e crie uma em www.github.com .
Você também precisa instalar o Github no seu Windows. Baixe o Github para windows em https://windows.github.com/ .
Depois de fazer o download e instalar o Github em sua máquina, abra o aplicativo Github e configure suas credenciais Github e escolha o shell Git Bash como seu shell padrão (você pode escolher qualquer outra opção como desejar) e depois salve as alterações.
Você precisa criar um repositório no Github, onde salvaremos nosso projeto de site remotamente. Para criar um repositório, faça login no Github e clique na opção de novo repositório mostrada no botão verde.
Nomeie seu repositório (neste caso, o chamamos de railtoheroku) e clique no link criar repositório como mostrado abaixo.
O Github fornecerá o URL remoto ( https://github.com/eMahtab/railtoheroku.git neste caso) para o repositório railtoheroku que será necessário ao enviar o código da máquina local para o Github.
Agora, estamos prontos para enviar o código do projeto do nosso site para o Github. Siga as etapas abaixo para enviar o código ao Github.
Abra o Git shell e use o comando Git init para inicializar o diretório do site conforme mostrado abaixo:
Agora, adicione todos os arquivos no diretório do site sob controle de versão executando Git add.
Faça commit de todos os arquivos executando Git commit –m “Final Commit”
Adicione o repositório remoto conforme mostrado abaixo:
Agora, a última etapa que realmente enviará o código para o repositório Github:
Terminamos com o Github. A próxima parte é a implantação real do aplicativo no Heroku.
Implantando o aplicativo no Heroku:
Crie uma conta Heroku em https://www.heroku.com/
Nota : Temos que fazer algumas alterações para a implantação do aplicativo no Heroku. O Heroku não suporta SqLite 3, ao invés disso, possui banco de dados PostgreSQL. Portanto, temos que remover a dependência sqlite3 do gemfile. O Heroku requer rails_12factor gem, que é usado pelo Heroku para servir ativos estáticos, como imagens e folhas de estilo. As duas mudanças exigidas no Gemfile são resumidas abaixo:
Remova a linha gem ‘sqlite3’ do Gemfile
Adicione as seguintes linhas ao Gemfile
grupo: desenvolvimento,: teste fazer #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Vamos verificar se tudo está funcionando bem depois de fazer as alterações no Gemfile. Salve o Gemfile e execute pacote de instalação com uma bandeira especial (–sem produção) para evitar a instalação local de qualquer joia de produção.
Vamos enviar as alterações feitas no Gemfile para o repositório remoto no Github:
Envie as alterações para o repositório Github remoto:
Criando um novo aplicativo no Heroku:
Faça login no Heroku e crie um novo aplicativo. Nomeei meu aplicativo de railtoheroku. Você pode nomeá-lo como quiser. Clique em criar aplicativo para criar o aplicativo nomeado.
Conectando o repositório Github ao aplicativo Heroku:
O próximo passo é vincular seu repositório Github ao Heroku.
Abaixo, conectamos nosso repositório Github railtoheroku
Assim que conectarmos nosso repositório Github ao Heroku, estaremos prontos para implementar nosso aplicativo. Para implantar o aplicativo, role para baixo até a opção de implantação manual e clique na opção implantar ramificação.
Implantando o aplicativo:
Depois de clicar em Deploy Branch, o Heroku começará a instalar as joias do Gemfile na produção:
Depois que todas as joias estiverem instaladas e o aplicativo implantado, você verá a mensagem de parabéns do Heroku dizendo: “Seu aplicativo foi implantado com sucesso”.
Para ver seu aplicativo implantado, basta clicar no botão visualizar e você poderá ver seu aplicativo implantado com sucesso.
Se você enfrentar qualquer problema ao seguir qualquer uma das etapas acima, comente abaixo. Espero que você tenha gostado desse post.
Tem alguma questão para nós? Mencione isso na seção de comentários e entraremos em contato com você.
Postagens relacionadas:
Analisando arquivos XML usando SAX Parser