Mostek JavaScript w iOS

Pracuję nad aplikacją, w której mam zamiar używać zarówno HTML5 w UIWebView, jak i natywnej struktury iOS. Wiem, że potrafię zaimplementować komunikację między JavaScript a Objective-C. Czy są jakieś biblioteki, które ułatwiają wdrażanie tej komunikacji? Wiem, że istnieje kilka bibliotek do tworzenia natywnych aplikacji na iOS w HTML5 i javascript (na przykład AppMobi, PhoneGap), ale nie jestem pewien, czy istnieje biblioteka pomagająca w tworzeniu natywnych aplikacji na iOS z dużym wykorzystaniem JavaScript. Potrzebuję:

1. Wykonaj metody JS z Objective-C
2. Wykonaj metody Objective-C z JS
3. Słuchaj natywnych zdarzeń JS z Objective-C (na przykład zdarzenia DOM ready)

Jest kilka bibliotek, ale nie korzystałem z żadnej z nich w dużych projektach, więc możesz je wypróbować:

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

-

Myślę jednak, że jest to coś na tyle prostego, że możesz spróbować samemu. Osobiście zrobiłem to dokładnie, kiedy musiałem to zrobić. Możesz także utworzyć prostą bibliotekę, która odpowiada Twoim potrzebom.

1. Wykonaj metody JS z Objective-C

To naprawdę tylko jedna linia kodu.

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

Więcej szczegółów w oficjalnej dokumentacji UIWebView .

2. Wykonaj metody Objective-C z JS

Jest to niestety nieco bardziej złożone, ponieważ nie ma tej samej właściwości (i klasy) windowScriptObject, która istnieje w systemie Mac OSX, umożliwiając pełną komunikację między nimi.

Możesz jednak łatwo dzwonić z niestandardowych adresów URL javascript, takich jak:

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

I przechwyć to z Objective-C tym:

- (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
   } 
}

Nie jest to tak czyste, jak powinno (lub przy użyciu windowScriptObject), ale działa.

3. Słuchaj natywnych zdarzeń JS z Objective-C (na przykład zdarzenia DOM ready)

Z powyższego wyjaśnienia widać, że jeśli chcesz to zrobić, musisz utworzyć kod JavaScript, dołączyć go do zdarzenia, które chcesz monitorować, i wywołać prawidłowe window.locationwywołanie, które zostanie następnie przechwycone.

Ponownie, nie jest czysty, jak powinien, ale działa.

Sugerowany sposób wywoływania celu c z JS w zaakceptowanej odpowiedzi nie jest zalecany. Przykład problemu: jeśli wykonasz dwa natychmiastowe połączenia, jedno jest ignorowane (nie możesz zmienić lokalizacji zbyt szybko).

Polecam następujące alternatywne podejście:

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

Wywołujesz executefunkcję wielokrotnie, a ponieważ każde wywołanie jest wykonywane we własnym elemencie iframe, nie należy ich ignorować, gdy są wywoływane szybko.

Podziękowania dla tego gościa .

Aktualizacja: Zmieniło się to w iOS 8. Moja odpowiedź dotyczy poprzednich wersji.

Alternatywą, która może spowodować odrzucenie ze sklepu z aplikacjami, jest użycie WebScriptObject.

Te interfejsy API są publiczne w systemie OSX, ale nie w systemie iOS.

Musisz zdefiniować interfejsy do klas wewnętrznych.

@interface WebScriptObject: NSObject
@end

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

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

Musisz zdefiniować obiekt, który będzie służył jako obiekt WebScriptObject

@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

Teraz ustaw to wystąpienie na swój UIWebView

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"];
        }
    }
}

Teraz w swoim javascript możesz zadzwonić:

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

W iOS8 możesz spojrzeć na WKWebView zamiast UIWebView . Ma następującą klasę: WKScriptMessageHandler: udostępnia metodę odbierania komunikatów z JavaScript uruchomionego na stronie internetowej.

Jest to możliwe z iOS7, sprawdź http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/

Najlepszym rozwiązaniem jest oferta Appcelerators Titanium. Zbudowali już most javascript Obj-C przy użyciu silnika V8 silnika JavascriptCore używanego przez webkit. Jest to również oprogramowanie typu open source, więc będziesz mógł go pobrać i majstrować przy Obj-C, jak chcesz.

Przyjrzyj się projektowi KirinJS: Kirin JS, który pozwala na użycie JavaScript do logiki aplikacji i natywnego interfejsu użytkownika odpowiedniego dla platformy, na której działa.

Stworzyłem bibliotekę taką jak WebViewJavascriptBridge, ale jest bardziej podobna do JQuery, jest łatwiejsza w konfiguracji i jest łatwiejsza w użyciu. Nie polega na jQuery (choć trzeba przyznać, że gdybym wiedział, że WebViewJavascriptBridge istniał przed napisaniem tego, mógłbym się nieco powstrzymać przed zanurzeniem się). Powiedz mi co myślisz! jockeyjs

Jeśli używasz WKWebView na iOS 8, spójrz na XWebView, który może automatycznie udostępniać natywny interfejs do javascript.