Как сделать веб-проект доступным через gh-pages?

0

У меня есть простой веб-проект, который я сделал на вершине https://github.com/yeoman/generator-angular.

Это создает отличную среду проекта с поддержкой bower и grunt, где файлы.js,.html и.css расположены внутри папки под названием "приложение" (аналогичная структура для https://github.com/jgatjens/angular-pokemon).

Все работает отлично в локальном хосте. Я запускаю код команды (grunt serve) и запускается в браузере. Тем не менее, я не могу сделать то же самое доступным в Интернете.

Важно подчеркнуть, что я не хочу "публиковать его официально", я просто хочу иметь возможность отправить ссылку своим друзьям, чтобы они могли попробовать (как пользователи) и дать мне отзыв об этом.

Я не говорю о совместном использовании кода. Я просто хочу сделать его доступным, как это было бы для пользователей, как только это будет сделано.

Например, если я перейду на https://ng-pokemon.firebaseapp.com, я могу попробовать, что есть в хранилище https://github.com/jgatjens/angular-pokemon.

Как использовать gh-страницы для создания проекта вложенной папки? (в этом случае "/app")

Есть ли какие-нибудь подсказки о том, как я могу это сделать?

Я просто энтузиаст, у которого нет большого опыта в создании веб-проектов.

Спасибо заранее, Роджер.

  • 1
    Я не уверен, что понимаю ваш вопрос. Вы можете создать новый частный репозиторий на github, а затем добавить своих друзей, чтобы они могли получить к нему доступ. Затем они git clone <your_repo> проект, используя что-то вроде git clone <your_repo> . Если вы говорите о предоставлении вашим друзьям доступа к реальной веб-странице, то вам нужно настроить проект на общедоступном компьютере или настроить переадресацию портов между вашим маршрутизатором и вашим локальным компьютером.
  • 0
    Вы хотите поделиться с друзьями своим веб-приложением на своем локальном хосте ?
Показать ещё 7 комментариев
Теги:
web
hosting
yeoman-generator

2 ответа

0
Лучший ответ

Наконец, я выясню, что я должен сделать в случае проекта, который строится в структуре подпапки. Кстати, это стандарт в проектах йомена.

В конце концов, я обнаружил, что gh-pages выполняет эту услугу. Для этого мне нужно было:

1 - создайте поддерево для подпапки, в которой строится проект, и вставьте его в ветвь gh-pages.

git checkout master # you can avoid this line if you are in master...
git subtree split --prefix dist -b gh-pages # create a local gh-pages branch      containing the splitted output folder
git push -f origin gh-pages:gh-pages # force the push of the gh-pages branch to the remote gh-pages branch at origin
git branch -D gh-pages # delete the local gh-pages because you will need it: ref

2- после этого страница index.html уже идентифицировалась ссылкой страницы http://username.github.io/projectname. Однако мне все еще не хватало библиографических ссылок, созданных автоматически bower. Поэтому просто скопируйте и вставьте папку bower_components в папку "/app".

3 - Я снова обновил филиал, и он работает сладко.

ps_1: возможно, если мне нужно добавить новую библиотеку, мне нужно будет скопировать ее вручную из моих внешних элементов bower_components в мои внутренние параметры bower_components.

ps_2: Я также создаю задачу ворчания для дальнейшего развертывания:

grunt.task.registerTask('push-pages', function(){
   var shell = require('shelljs');
    shell.exec('git subtree split --prefix docs -b gh-pages');
    shell.exec('git push -f origin gh-pages:gh-pages');
    shell.exec('git branch -D gh-pages')
});

Итак, я просто запускаю "печальные push-страницы", и обновление на странице GitHub завершено.

ps_2.1: для этого требуется "shelljs". В моем случае я добавил его на npm package.json, чтобы убедиться, что я его никогда не забуду.

Это не лучшее решение на земле, но оно отлично работает =).

font: https://gist.github.com/cobyism/4730490

0

Bitbucket by Atlassian предлагает бесплатный неограниченный частный хостинг для Git для небольших команд. Я использовал их в прошлом для различных частных проектов.

https://bitbucket.org/

Если вы хотите, чтобы ваши друзья просто просматривали какой-то код и давали отзывы, было бы проще просто поделиться с ними секретом, а не создавать целые репо.

https://gist.github.com/

Изменить. Поскольку вы на самом деле хотите разместить хост вместо того, чтобы делиться своим кодом, вам нужно будет найти решение для хостинга.

  • 0
    У него также есть возможность настроить переадресацию портов на своем маршрутизаторе, если он поддерживается. Затем он сможет дать своим друзьям IP-адрес маршрутизатора, который, в свою очередь, перенаправит любые запросы через порт 80 на локальную машину.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню