programing

간단한 html 및 javascript 파일 구조를 heroku에 업로드 할 수 있습니까?

nasanasas 2020. 10. 6. 08:17
반응형

간단한 html 및 javascript 파일 구조를 heroku에 업로드 할 수 있습니까?


내 오픈 소스 프로젝트를 heroku에 배포하려고하는데, 정적 html과 javascript만으로 매우 간단합니다. 그러나 정적 사이트를 지원하지 않습니까? html과 javascript 만 사용할 계획이 없다면 Sinatra 프로젝트로 만들지 않겠습니다.

~/sites/d4-site $ heroku create --stack cedar
Creating quiet-ice-4769... done, stack is cedar
http://quiet-ice-4769.herokuapp.com/ | git@heroku.com:quiet-ice-4769.git
Git remote heroku added


~/sites/d4-site $ git remote -v
heroku  git@heroku.com:quiet-ice-4769.git (fetch)
heroku  git@heroku.com:quiet-ice-4769.git (push)


~/sites/d4-site $ git push heroku master
Counting objects: 53, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (49/49), done.
Writing objects: 100% (53/53), 206.08 KiB, done.
Total 53 (delta 4), reused 0 (delta 0)

-----> Heroku receiving push
-----> Removing .DS_Store files
 !     Heroku push rejected, no Cedar-supported app detected

랙을 사용하여 다음을 수행 할 수 있습니다.

https://devcenter.heroku.com/articles/static-sites-on-heroku

또는 sinatra를 사용하는 Octopress / Jekyll과 같은 것을 사용할 수 있습니다.

그러나 HTML 정적 콘텐츠를 제공하려면 최소 스택이 필요합니다.


간단한 방법은 HTML 앱을 PHP 앱으로 가장하는 것입니다. Heroku는 PHP 앱을 올바르게 식별합니다.

  1. index.html 파일의 이름을 home.html로 바꿉니다.
  2. index.php 파일을 만들고 항목 html 파일을 포함합니다. HTML 항목 파일의 이름이 권장되는대로 home.html이면 index.php는 다음과 같아야합니다.

    <?php include_once("home.html"); ?>

  3. 푸시하려는 컴퓨터의 명령 줄에 다음을 입력합니다.

    git add .
    git commit -m 'your commit message'
    git push heroku master

Heroku는 이제 앱을 PHP 앱으로 올바르게 감지합니다.

-----> PHP app detected
-----> Bundling Apache version 2.2.22
-----> Bundling PHP version 5.3.10
-----> Discovering process types
       Procfile declares types -> (none)
       Default types for PHP   -> web

-----> Compiled slug size: 9.9MB
-----> Launching... done, v3
...

Mad lemiffe의 블로그 게시물에 감사드립니다 : http://www.lemiffe.com/how-to-deploy-a-static-page-to-heroku-the-easy-way/


다음은 더 우아한 방법입니다. package.jsonHeroku가 서버로 하프 를 사용하도록 지시 하는 파일을 추가하면됩니다 .

{
  "name": "my-static-site",
  "version": "1.0.0",
  "description": "This will load any static html site",
  "scripts": {
    "start": "harp server --port $PORT"
  },
  "dependencies": {
    "harp": "*"
  }
}

그런 다음 Heroku에 배포합니다. 끝난!

추가 정보 : https://harpjs.com/docs/deployment/heroku


나를 위해 일한 것은 다음과 같습니다.

cd myProject 
git init
heroku create myApp 
heroku git:remote -a myApp 

진입 점이이면 다음 한 줄의 콘텐츠로 main.html만듭니다 index.php.

<?php include_once("main.html"); ?>

다음 단계를 수행하십시오.

echo '{}' > composer.json 
git add . 
git commit -am "first commit" 
git push heroku master

http://myApp.herokuapp.com/으로 이동하면 앱이 이제 온라인 상태가됩니다.


There's a very easy way to do it just in case anyone found the above answers hard to follow.

You have your static website with the root at index.html (say), now you want to diploy it to Heroku, how?

git init # initialise a git repo
git add -A # add the files
git commit -m "init commit" # commit the files
# Now add two files in the root, composer.json and index.php like so - 
touch composer.json
touch index.php
# Then add this line to index.php, making a PHP app and just asking it to display index.html - 
<?php include_once("index.html"); ?>
# Now open composer.json and add an empty object - 
{}

Now simply run git push heroku master and you're done!


I know this might be a little old but I ended up using Vienna Gemw to deploy this, basically its a small Rack application that will let you serve everything in your public folder (css, images, js, html) with just a couple of lines of Ruby:

require 'vienna'
run Vienna

Also, for deploying this on heroku you need to create a Gemfile:

source 'https://rubygems.org'
gem 'rack'
gem 'vienna'

Then run bundle install, in case you don't have the bundle gem installed just run on your terminal:

sudo gem install bundle

And thats pretty much of it, you can have more information on: http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/


Follow this steps

Step 1

Type touch composer.json index.php index.html

Step 2 in the index.php type:

<?php include_once("index.html"); ?>

and in the composer.json type {}

Step 3

git add .

git commit -m "[your message]"

git push ['yourrepo'] ['yourbranch']

Hmmm... one reason that heroku is rejecting the app could be that it is trying to detect asset pipeline in rails 3.1.x apps i think.

Why not create your app on the default stack Bamboo by running just

heroku create

Then all your js and css can go into public folder in rails app with asset pipeline deactivated.


Well , whenever your Web-page's contain HTML, CSS and JavaScript , so follow just 2 steps :

1) Make one file give name as index.html (keep evreything in it) ex:script,stylesheet & body.

2) Now, change these file, copy and paste these same file but change domain to index.php

Then deploy on a Heroku.

Hence this method will help you to deploy your Web-Pages

참고URL : https://stackoverflow.com/questions/10551273/is-it-possible-to-upload-a-simple-html-and-javascript-file-structure-to-heroku

반응형