Jembatan JavaScript iOS

Saya sedang mengerjakan aplikasi di mana saya akan menggunakan HTML5 di UIWebView dan framework iOS asli secara bersamaan. Saya tahu bahwa saya dapat mengimplementasikan komunikasi antara JavaScript dan Objective-C. Apakah ada perpustakaan yang menyederhanakan penerapan komunikasi ini? Saya tahu bahwa ada beberapa perpustakaan untuk membuat aplikasi iOS asli dalam HTML5 dan javascript (misalnya AppMobi, PhoneGap), tetapi saya tidak yakin apakah ada perpustakaan untuk membantu membuat aplikasi iOS asli dengan penggunaan JavaScript yang berat. Aku ingin:

1. Jalankan metode JS dari Objective-C
2. Jalankan metode Objective-C dari JS
3. Dengarkan peristiwa JS asli dari Objective-C (misalnya peristiwa siap DOM)

Ada beberapa perpustakaan, tetapi saya tidak menggunakan semua ini dalam proyek besar, jadi Anda mungkin ingin mencobanya:

• WebViewJavascriptBridge: https://github.com/marcuswestin/WebViewJavascriptBridge
• GAJavaScript: https://github.com/newyankeecodeshop/GAJavaScript

-

Namun, menurut saya ini adalah sesuatu yang cukup sederhana sehingga Anda dapat mencobanya sendiri. Saya pribadi melakukan ini persis ketika saya perlu melakukan itu. Anda juga dapat membuat perpustakaan sederhana yang sesuai dengan kebutuhan Anda.

1. Jalankan metode JS dari Objective-C

Ini sebenarnya hanya satu baris kode.

NSString *returnvalue = [webView stringByEvaluatingJavaScriptFromString:@"your javascript code string here"];

Rincian lebih lanjut tentang Dokumentasi UIWebView resmi .

2. Jalankan metode Objective-C dari JS

Sayangnya ini sedikit lebih kompleks, karena tidak ada properti windowScriptObject (dan kelas) yang sama yang ada di Mac OSX yang memungkinkan komunikasi lengkap antara keduanya.

Namun, Anda dapat dengan mudah memanggil dari URL yang dibuat khusus javascript, seperti:

window.location = yourscheme://callfunction/parameter1/parameter2?parameter3=value

Dan hentikan itu dari Objective-C dengan ini:

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {
   NSURL *URL = [request URL]; 
   if ([[URL scheme] isEqualToString:@"yourscheme"]) {
       // parse the rest of the URL object and execute functions
   } 
}

Ini tidak sebersih yang seharusnya (atau dengan menggunakan windowScriptObject) tetapi berhasil.

3. Dengarkan peristiwa JS asli dari Objective-C (misalnya peristiwa siap DOM)

Dari penjelasan di atas, Anda melihat bahwa jika Anda ingin melakukan itu, Anda harus membuat beberapa kode JavaScript, melampirkannya ke acara yang ingin Anda pantau dan memanggil panggilan yang benar window.locationuntuk kemudian dicegat.

Sekali lagi, tidak bersih sebagaimana mestinya, tetapi berhasil.

Metode yang disarankan untuk memanggil tujuan c dari JS dalam jawaban yang diterima tidak disarankan. Salah satu contoh masalah: jika Anda membuat dua panggilan berturut-turut secara langsung, salah satunya diabaikan (Anda tidak dapat mengubah lokasi terlalu cepat).

Saya merekomendasikan pendekatan alternatif berikut:

function execute(url) 
{
  var iframe = document.createElement("IFRAME");
  iframe.setAttribute("src", url);
  document.documentElement.appendChild(iframe);
  iframe.parentNode.removeChild(iframe);
  iframe = null;
}

Anda memanggil executefungsi berulang kali dan karena setiap panggilan dijalankan dalam iframe-nya sendiri, fungsi tersebut tidak boleh diabaikan saat dipanggil dengan cepat.

Penghargaan untuk orang ini .

Pembaruan: Ini telah berubah di iOS 8. Jawaban saya berlaku untuk versi sebelumnya.

Alternatifnya, yang mungkin membuat Anda ditolak dari app store, adalah dengan menggunakan WebScriptObject.

API ini publik di OSX tetapi tidak di iOS.

Anda perlu mendefinisikan antarmuka ke kelas internal.

@interface WebScriptObject: NSObject
@end

@interface WebView
- (WebScriptObject *)windowScriptObject;
@end

@interface UIWebDocumentView: UIView
- (WebView *)webView;
@end

Anda perlu menentukan objek Anda yang akan berfungsi sebagai WebScriptObject Anda

@interface WebScriptBridge: NSObject
- (void)someEvent: (uint64_t)foo :(NSString *)bar;
- (void)testfoo;
+ (BOOL)isKeyExcludedFromWebScript:(const char *)name;
+ (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
+ (WebScriptBridge*)getWebScriptBridge;
@end

static WebScriptBridge *gWebScriptBridge = nil;

@implementation WebScriptBridge
- (void)someEvent: (uint64_t)foo :(NSString *)bar
{
    NSLog(bar);
}

-(void)testfoo {
    NSLog(@"testfoo!");
}

+ (BOOL)isKeyExcludedFromWebScript:(const char *)name;
{
    return NO;
}

+ (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
{
    return NO;
}

+ (NSString *)webScriptNameForSelector:(SEL)sel
{
    // Naming rules can be found at: https://developer.apple.com/library/mac/documentation/Cocoa/Reference/WebKit/Protocols/WebScripting_Protocol/Reference/Reference.html
    if (sel == @selector(testfoo)) return @"testfoo";
    if (sel == @selector(someEvent::)) return @"someEvent";

    return nil;
}
+ (WebScriptBridge*)getWebScriptBridge {
    if (gWebScriptBridge == nil)
        gWebScriptBridge = [WebScriptBridge new];

    return gWebScriptBridge;
}
@end

Sekarang setel instance itu ke UIWebView Anda

if ([uiWebView.subviews count] > 0) {
    UIView *scrollView = uiWebView.subviews[0];

    for (UIView *childView in scrollView.subviews) {
        if ([childView isKindOfClass:[UIWebDocumentView class]]) {
            UIWebDocumentView *documentView = (UIWebDocumentView *)childView;
            WebScriptObject *wso = documentView.webView.windowScriptObject;

            [wso setValue:[WebScriptBridge getWebScriptBridge] forKey:@"yourBridge"];
        }
    }
}

Sekarang di dalam javascript Anda, Anda dapat memanggil:

yourBridge.someEvent(100, "hello");
yourBridge.testfoo();

Di iOS8, Anda dapat melihat WKWebView, bukan UIWebView . Ini memiliki kelas berikut: WKScriptMessageHandler: Menyediakan metode untuk menerima pesan dari JavaScript yang berjalan di halaman web.

Ini bisa dilakukan dengan iOS7, periksa http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/

Taruhan terbaik Anda adalah penawaran Appcelerators Titanium. Mereka telah membangun jembatan javascript Obj-C menggunakan mesin JavascriptCore mesin V8 yang digunakan oleh webkit. Ini juga open source, jadi Anda akan bisa mendownloadnya dan bermain-main dengan Obj-C sesuka Anda.

Lihat proyek KirinJS: Kirin JS yang memungkinkan penggunaan Javascript untuk logika aplikasi dan UI asli yang memadai untuk platform tempat menjalankannya.

Saya membuat perpustakaan seperti WebViewJavascriptBridge, tetapi lebih mirip JQuery, lebih mudah diatur dan lebih mudah digunakan. Tidak bergantung pada jQuery (meskipun untuk kreditnya, seandainya saya tahu WebViewJavascriptBridge ada sebelum menulis ini, saya mungkin hanya menahan sedikit sebelum menyelam). Biarkan aku tahu apa yang kamu pikirkan! jockeyjs

Jika Anda menggunakan WKWebView di iOS 8, lihat XWebView yang secara otomatis dapat mengekspos antarmuka asli ke javascript.