Ktor で Hello World !
はじめに
今回は、人気急上昇中の言語 Kotlin の Web フレームワーク「Ktor」で "Hello World" していきます。「ケイター」って読むみたいです。(途中までコターって読むのかと思ってました。。笑)
Ktor の特徴
Easy to use, fun and asynchronous.
- 簡単
- 楽しい(ここ重要)
- 非同期
環境
種類 | 名前 | バージョン |
---|---|---|
OS | macOS Mojave | 10.14.6 |
開発環境 | IntelliJ IDEA | Ultimate 2019.2.3 |
開発言語 | Kotlin | 1.3.50 |
依存ライブラリ | Ktor | 1.2.4 |
IntelliJ IDEA の設定
Jetbrain の IDE を利用したことがない方のために設定についても記述しておきます。
カスタマイズ
特にこだわりなければ「Skip Remaining and Set Default」をクリック
(UI Themes は Darcula が目に優しくおすすめです笑)
ライセンス
ライセンス購入していない方は30日間の無料期間があるので「Evaluate for free」を選択して「Evaluate」をクリック
プラグイン
「Marketplace」タブで「Ktor」と検索して、「install」して「Restart IDE」で再起動
Ktor プロジェクト作成
GroupId, ArtifactId, Version を入力して「Next」をクリック
Project name, Project location を入力して「Finish」をクリック
「Automatically import this project on changes in build script file」にチェックを入れて「OK」をクリック
Hello World
Hello World を表示していきます!
Plain Text
生のテキストをブラウザで表示します。
// 自分のパッケージ名
package com.example.helloworld
import io.ktor.application.*
import io.ktor.response.*
import io.ktor.request.*
import io.ktor.routing.get
import io.ktor.routing.routing
fun main(args: Array<String>): Unit = io.ktor.server.netty.EngineMain.main(args)
@Suppress("unused") // Referenced in application.conf
@kotlin.jvm.JvmOverloads
fun Application.module(testing: Boolean = false) {
routing {
get("/") {
call.respondText { "Hello World" }
}
}
}
mainメソッドの左側にある実行ボタンをクリックして「Run'~'」をクリック
すると下に http://0.0.0.0:8080 と出てくるのでこれをクリックしてブラウザを起動
HTML & CSS
通常の開発では、生のテキストではなく HTML と CSS を組み合わせて表示しますよね。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<link rel="stylesheet" type="text/css" href="/hello_world.css">
</head>
<body>
<h1>
Hello World
</h1>
</body>
</html>
h1 {
color:red;
}
// 自分のパッケージ名
package com.example.helloworld
import io.ktor.application.*
import io.ktor.http.content.default
import io.ktor.http.content.file
import io.ktor.http.content.static
import io.ktor.routing.routing
fun main(args: Array<String>): Unit = io.ktor.server.netty.EngineMain.main(args)
@Suppress("unused") // Referenced in application.conf
@kotlin.jvm.JvmOverloads
fun Application.module(testing: Boolean = false) {
routing {
static("/") {
file("hello_world.css", "./resources/hello_world.css")
default("resources/hello_world.html")
}
}
}
同様に、mainメソッドの左側にある実行ボタンをクリックして「Run'~'」をクリックして、http://0.0.0.0:8080 をクリックしてブラウザ起動
その他
HTML DSLという動的に HTML を生成する方法もあるので、ぜひお試しあれ〜
最後に
いかがでしたか?少しでも Kotlin, Ktor いいなと思ってくれていたら嬉しいです(^ω^)
ぜひ Kotlin, Ktor で開発やってみてください!
最後までご視聴ありがとうございました。
Author And Source
この問題について(Ktor で Hello World !), 我々は、より多くの情報をここで見つけました https://qiita.com/blendthink/items/12120f8ebdeb2cec6ab8著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .