1. alt

    誤字訂正

    alt
Changes in body
Source | HTML | Preview
@@ -1,83 +1,83 @@
#Javascript作成
適当にサーバーに配置
```html:communication.html
<html>
<head>
<tite></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
//こちらの関数はSwiftから呼ばれる
function fromSwift() {
$('p').text('Swiftから呼ばれてるよ!!!!');
}
(function() {
$(window).load(function() {
//window.location.hashは、URLの「#」記号の後の部分を取得、もしくは、設定するプロパティ。これでSwiftからのデータ取得
var swiftData = window.location.hash;
$('p').text('Swiftからもらった:' + swiftData);
$('.btn').on('click', function() {
//以下のURLをSwiftから取得
window.location = "fromJavascript://hello";
});
});
})(jQuery)
</script>
<body>
-<h1>Swift3のネイティブアプリとJavascritpの通信</h1>
+<h1>Swift3のネイティブアプリとJavascriptの通信</h1>
<p></p>
<div class="container">
<button class="btn">Swiftにイベント送信</button>
</div>
</body>
</html>
```
#Swift ViewController
Swiftソース
```swift:ViewController.swift
import UIKit
class ViewController: UIViewController , UIWebViewDelegate{
@IBOutlet weak var web: UIWebView!
override func viewDidLoad() {
super.viewDidLoad()
//LocalサーバーURL
let url = URL(string: "http://192.168.11.11")
//#を追加した文字列はwindow.location.hashから取得できる
let insertUrl = URL(string: "#HelloJavascrpt", relativeTo: url)
let urlRequest = URLRequest(url: insertUrl!)
web.delegate = self
web.loadRequest(urlRequest)
}
func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
if let scheme = request.url?.scheme {
if scheme == "fromjavascript" {
//Javascriptのメッソドを呼び出す
web.stringByEvaluatingJavaScript(from: "fromSwift()")
return false
}
}
return true
}
}
```
#実行結果
#HelloJavascript文字列はSwiftから送られた文字列
<img width="376" alt="スクリーンショット 2017-03-11 13.03.53.png" src="https://qiita-image-store.s3.amazonaws.com/0/108475/90228a75-4b4c-dcb2-da99-ddfab6acb601.png">
##Swiftにイベント送信クリック後、Swiftからjavascriptメッソド呼び出す
<img width="374" alt="スクリーンショット 2017-03-11 13.04.07.png" src="https://qiita-image-store.s3.amazonaws.com/0/108475/7b45738e-f58a-0e04-8d7b-259d947ce5e8.png">