Розгортання веб-сторінки «Hello World» в Bluemix
- Чи не хочете створювати його самостійно?
- Що потрібно для створення додатка
- Крок 2. Створення простої веб-сторінки
- Крок 3. Створення маніфесту
- Крок 4. Розгортання і запуск програми
- Висновок і наступні кроки
- Ресурси для скачування
Створення простого додатка для розгортання веб-сторінки на хмарної платформі IBM
Я покажу читачам цього керівництва, як створити простий додаток «Hello World» для розгортання веб-сторінки на хмарної платформі IBM Bluemix, використовуючи тільки HTML і статичний файл buildpack, розміщений в GitHub. Ось чинне додаток, яке ми збираємося створити, і код для його створення:
запустити програму отримати код
Чи не хочете створювати його самостійно?
Для прискорення процесу можна розгорнути в Bluemix готовий приклад цього простого додатка. Потім його можна скільки завгодно редагувати і розгортати заново.
Розгортання в системі Bluemix
А якщо хочете, можете переглянути код, і ви побачите версію тільки для читання того додатку, який створює веб-сторінку «Hello World»! Її можна скопіювати, відредагувати і розгорнути зі своїм улюбленим контентом.
Що потрібно для створення додатка
ось план
Крок 1. Створення проекту програми
Проект буде розміщуватися в IBM Bluemix DevOps Services.
- Увійдіть в IBM Bluemix DevOps Services .
- У верхньому рядку навігації натисніть кнопку My Projects.
- Натисніть кнопку CREATE PROJECT.
- На сторінці Create a project:
- Введіть ім'я свого проекту.
- Виберіть спосіб управління вихідним кодом (мені подобається Git-репозиторій).
- Відзначте пункт Make this a Bluemix Project.
- Натисніть кнопку CREATE.
Крок 2. Створення простої веб-сторінки
Як тільки проект буде створений, можна починати програмувати! У цьому прикладі ми скажемо «Hello» світу на простий веб-сторінці. Програму можна писати в своєму браузері, користуючись інтегрованої веб-середовищем розробки (IDE).
- Натисніть кнопку EDIT CODE на оглядової сторінки проекту.
Відкриється веб-IDE. Для вас будуть автоматично створені кілька файлів, таких як License.txt, project.json і README.md.
- У веб-IDE виберіть File> New> File.
- Файл виділений, щоб привласнити йому ім'я. Введіть index.html.
- В області редактора справа вставте наступний код: <html> <body> Hello, Bluemix World! </ Body> </ html>
Крок 3. Створення маніфесту
Маніфест - це файл, який вказує Bluemix, як розгорнути додаток. Це можна зробити і без створення маніфесту - за допомогою майстра настройки запуску в веб-IDE, - але ми створимо дуже простий маніфест, щоб додаток можна було легко розгорнути як за допомогою веб-IDE, так і за допомогою інструменту командного рядка CF.
- У веб-IDE виберіть File> New> File.
- Файл виділений, щоб привласнити йому ім'я. Введіть manifest.yml.
- В області редактора справа вставте наступний код: --- applications: - buildpack: https://github.com/cloudfoundry-community/staticfile-buildpack.git host: helloworld-html-SOMETHING-UNIQUE name: helloworld-html memory: 64M
Хост - це, по суті, URL-адресу вашого застосування. Обраний хост повинен бути унікальним в межах Bluemix, так що замініть SOMETHING-UNIQUE унікальною рядком, наприклад, своїми ініціалами.
Кожен рядок маніфесту містить важливі інструкції для Bluemix по розгортанню програми.
- Файли buildpack містять необхідну схему і / або підтримку часу виконання, що дозволяють Bluemix виконувати вашу програму. Для цього додатка ми використовуємо статичний файл buildpack , Розміщений в GitHub.
- Хост - це, по суті, URL-адресу вашого застосування. Обраний хост повинен бути унікальним в межах Bluemix. Ми додали ключове слово $ {random-word}, щоб уникнути конфліктів між читачами цього керівництва. Ви можете налаштувати хост по-своєму.
- Memory - це обсяг пам'яті, що виділяється з додатком в просторі Bluemix. Це необов'язкова частина маніфесту, але вона включена в цей приклад, щоб програма не споживало занадто багато пам'яті, виділеної вам в просторі Bluemix.
Крок 4. Розгортання і запуск програми
Тепер, коли у вас є веб-сторінка і готовий маніфест, можна розгорнути додаток!
- У веб-IDE натисніть кнопку Deploy:
Додаток розгортається в Bluemix. Цей процес займає близько хвилини. Ви дізнаєтеся про його закінчення, коли побачите зелену крапку в рядку запуску:
- Коли додаток буде розгорнуто, відкрийте його в веб-IDE, натиснувши кнопку Open the application URL:
Вітаємо! Ваша програма надсилає веселі вітання світу Bluemix.
Висновок і наступні кроки
У цьому керівництві ми отримали просту веб-сторінку «Hello World», створивши проект в DevOps Services, файли index.html і manifest.yml і розгорнувши додаток в Bluemix. Продовжуючи роботу над цим додатком, можна внести зміни в файл index.html або створити нові веб-сторінки, а потім розгорнути їх у Bluemix.
Пориньте глибше в роботу з DevOps Services для планування і організації процесу розробки додатків. Можна також приступити до розгортання динамічних додатків, додаючи в них служби Bluemix. ( Personality Insights Node.js Web Starter : Що це за цікаве заняття - аналізувати електронну кореспонденцію своїх колег!)
Ресурси для скачування
Схожі теми
Підпишіть мене на повідомлення до коментарів
Чи не хочете створювати його самостійно?