Javascript call ObjC

Jan 23, 20112 likes994 views

The document discusses techniques for enabling communication between JavaScript and Objective-C in iOS applications, including setting global variables accessible to both, making Objective-C selectors and properties available to JavaScript, and handling callbacks from JavaScript to Objective-C such as when the web view location changes or a form is submitted. Code snippets provide examples of implementing these techniques.

iOS dev HACK!
JS ObjC
linluxiang@gmail.com

JS Global

- (void)webView:(id)sender didClearWindowObject:(id)
windowObject forFrame:(WebFrame*)frame {

JS Global

- (void)webView:(id)sender didClearWindowObject:(id)
windowObject forFrame:(WebFrame*)frame {

! [windowObject setValue:localcall forKey:@"localcall"];

Apple

+ (BOOL)isSelectorExcludedFromWebScript:
(SEL)aSelector aSelector

+ (BOOL)isKeyExcludedFromWebScript:
(const char *)name

+ (BOOL)isKeyExcludedFromWebScript:
(const char *)name

JS

RPC

http://localcall/func_name?
argument=”a_json_string”

Ajax

XMLHttpRequest

Cache

- (NSCachedURLResponse *)cachedResponseForRequest:
(NSURLRequest *)request

Callback
window.location.href

- (BOOL)webView:(UIWebView *)webView2
shouldStartLoadWithRequest:(NSURLRequest *)request
navigationType:(UIWebViewNavigationType)
navigationType

Read The F**king SourceCode.

https://github.com/linluxiang/
JavascriptCallObjCExample

Postman is a tool for designing, sharing and testing APIs between a group of collaborators that range from the API developers down to the final clients, be them mobile apps or web apps. This presentation focuses on using Postman's advanced free features, with a special focus on testing. I have linked an example collection which I refer to several times during the presentation. Section 1 - Fundamentals Environments, variables, collections, and workspaces Roles, VCS Section 2 - Scripts & Testing Pre request scripts and tests Scopes Pass data between requests Section 3 - Integrated testing Collection runners: read data from files, workflows Monitors CD/CI integration with Newman Section 4 - More! Documentation Mock server Integrations

async/await in SwiftPeter Friese

Async/await is a new language feature that will ship with Swift 5.5 this year. There’s no doubt it will have a significant impact on how we write asynchronous code. In this talk, we’re going to look at some use cases for async/await, how we can call existing Swift APIs using this new feature, and why your decision to write your SDK in Objective-C might turn out to have been a very clever move. We’ll also have a look at the refactoring support Apple is adding to Xcode and how it will help you migrate your existing code base.

History of jQueryjeresig

ES6 is NighDomenic Denicola

ES6 is Nigh is a presentation on the future of JavaScript. It discusses the history of JavaScript and why ES6 is important for advancing the language. The presentation outlines many new features being added in ES6, such as arrow functions, classes, modules, template strings, symbols, generators, and proxies. It emphasizes that ES6 is purely additive and introduces these features without breaking backwards compatibility.

Asynchronous programming done right - Node.jsPiotr Pelczar

This document discusses asynchronous programming and avoiding race conditions. It covers how asynchronous actions allow the main program flow to continue processing without blocking on I/O. It also discusses how asynchronous programming works with callbacks and promises rather than sequential execution. It provides examples of using libraries like Async to control asynchronous flows and common pitfalls to avoid like double callbacks and unexpected asynchronous behavior.

The Promised Land (in Angular)Domenic Denicola

Python Code Camp for Professionals 2/4DEVCON

What happens in laravel 4 bootstrapingJace Ju

TDD of HTTP Clients With WebMockBartosz Blimke

Webエンジニアから見たiOS5Satoshi Asano

The Beauty Of Java Script V5arajivmordani

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.

The Beauty of Java ScriptMichael Girouard

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.

"Service Worker: Let Your Web App Feel Like a Native "FDConf

Service workers allow web applications to work offline by intercepting network requests, caching responses, and serving cached resources when there is no network connection. They also handle background synchronization and push notifications. Key capabilities include making apps available offline, controlling the cache and network requests, and subscribing to push notifications. Service workers operate separately from the main thread of the page, intercepting and modifying fetch events to return cached responses when available.

Testing http calls with Webmock and VCRKerry Buckley

Webmock and VCR are tools for stubbing and recording HTTP requests in tests. Webmock allows fine-grained control over stubbing but requires the remote server, while VCR records and replays requests without the server through cassettes. The document provides information on setting up and using both tools to stub or record HTTP requests in different testing frameworks for reliable and isolated tests.

An Introduction to TornadoGavin Roy

Tornado is a Python web framework and asynchronous networking library. It is a scalable, non-blocking web server that allows applications to handle multiple requests simultaneously using a single thread. Some key features include lightweight and fast templates, asynchronous request handlers, and integrations with databases, caches and other services. Tornado is best suited for building real-time web services and can be used alongside other front-end web servers.

Grails 1.2 探検隊 -新たな聖杯をもとめて・・・-Tsuyoshi Yamamoto

Stubる - Mockingjayを使ったHTTPクライアントのテスト -Kenji Tanaka

This document contains Swift code for testing a HTTP request to an API using the Alamofire and Mockingjay libraries. It defines a test spec class with a describe block for "hoge" and a context block for "fuga". Within the "fuga" context, a beforeEach stub is set up to mock API responses from the "hogefugapiyo.com" domain. The single "piyo" test makes a request, asserts the response is not nil, and prints the results.

Python Code Camp for Professionals 1/4DEVCON

Security Challenges in Node.jsWebsecurify

Client server part 12fadlihulopi

This document discusses client-server connections for a library application. It provides code for a CustomHttpClient class that defines methods for performing HTTP GET and POST requests. This includes setting connection timeout parameters. It also provides code for connecting to a MySQL database and inserting login credentials and book borrowing history. The code samples show how to connect between the client and server and interface with the backend database.

Nevermore Unit TestingIhsan Fauzi Rahman

This document provides an introduction and overview of testing React applications. It discusses using Mocha as a test framework, Chai for assertions, Enzyme for shallow rendering React components, and Sinon for spies and stubs. It provides examples of testing React components using shallow and full rendering with Enzyme. It also introduces GraphQL and shows an example of testing a GraphQL schema and queries using Mocha, Chai, graphql-tools, and casual for fake data generation.

Node worshop Realtime - Socket.ioCaesar Chi

Introduction to NodejsGabriele Lana

The document provides an overview of Node.js and why it is useful for building scalable network programs. It discusses how Node.js uses asynchronous and non-blocking I/O to handle thousands of concurrent connections using a single thread. This allows Node.js applications to scale horizontally by adding more machines. It also covers how the asynchronous programming model requires a different "mind shift" compared to traditional synchronous approaches.

HTML5 APIs - Where no man has gone before! - AltranRobert Nyman

Asynchronous I/O in PHPThomas Weinert

This document summarizes asynchronous I/O in PHP using event loops and promises. It discusses how asynchronous I/O works differently than synchronous I/O by allowing multiple requests to be made simultaneously and callbacks to be defined for their responses. Event loops are used to listen for external processes and file events. Libraries like Carica Io and ReactPHP implement promises and deferred objects to handle asynchronous operations and chaining of callbacks. Examples are given for event emitters, callbacks, promises in jQuery, and using asynchronous MySQL queries with promises.

UIWebView TipsKatsumi Kishikawa

Gdg dev fest hybrid apps your own mini-cordovaAyman Mahfouz

More Related Content

What's hot (20)

The Promised Land (in Angular)Domenic Denicola

Python Code Camp for Professionals 2/4DEVCON

What happens in laravel 4 bootstrapingJace Ju

TDD of HTTP Clients With WebMockBartosz Blimke

Webエンジニアから見たiOS5Satoshi Asano

The Beauty Of Java Script V5arajivmordani

The Beauty of Java ScriptMichael Girouard

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.

"Service Worker: Let Your Web App Feel Like a Native "FDConf

Testing http calls with Webmock and VCRKerry Buckley

An Introduction to TornadoGavin Roy

Grails 1.2 探検隊 -新たな聖杯をもとめて・・・-Tsuyoshi Yamamoto

Stubる - Mockingjayを使ったHTTPクライアントのテスト -Kenji Tanaka

Python Code Camp for Professionals 1/4DEVCON

Security Challenges in Node.jsWebsecurify

Client server part 12fadlihulopi

Nevermore Unit TestingIhsan Fauzi Rahman

Node worshop Realtime - Socket.ioCaesar Chi

Introduction to NodejsGabriele Lana

HTML5 APIs - Where no man has gone before! - AltranRobert Nyman

Asynchronous I/O in PHPThomas Weinert

The Promised Land (in Angular)Domenic Denicola

Python Code Camp for Professionals 2/4DEVCON

What happens in laravel 4 bootstrapingJace Ju

TDD of HTTP Clients With WebMockBartosz Blimke

Webエンジニアから見たiOS5Satoshi Asano

The Beauty Of Java Script V5arajivmordani

The Beauty of Java ScriptMichael Girouard

"Service Worker: Let Your Web App Feel Like a Native "FDConf

Testing http calls with Webmock and VCRKerry Buckley

An Introduction to TornadoGavin Roy

Grails 1.2 探検隊 -新たな聖杯をもとめて・・・-Tsuyoshi Yamamoto

Stubる - Mockingjayを使ったHTTPクライアントのテスト -Kenji Tanaka

Python Code Camp for Professionals 1/4DEVCON

Security Challenges in Node.jsWebsecurify

Client server part 12fadlihulopi

Nevermore Unit TestingIhsan Fauzi Rahman

Node worshop Realtime - Socket.ioCaesar Chi

Introduction to NodejsGabriele Lana

HTML5 APIs - Where no man has gone before! - AltranRobert Nyman

Asynchronous I/O in PHPThomas Weinert

Similar to Javascript call ObjC (20)

UIWebView TipsKatsumi Kishikawa

Gdg dev fest hybrid apps your own mini-cordovaAyman Mahfouz

Hybrid apps - Your own mini CordovaAyman Mahfouz

Hybrid apps combine the familiarity and depth of native facilities while at the same time allowing extensibility via embedded web views. Your Angular code needs to talk back and forth to your native code to exchange data. This talk goes through how to implement this communication on both Android and iOS. We will cover the basics of how to allow Java/Objective-C to talk to JavaScript running in a web view and also how to bring Angular into the mix.

Flask and Angular: An approach to build robust platformsAyush Sharma

React native by example by Vadim RubanLohika_Odessa_TechTalks

This document provides an overview and comparison of different approaches for building mobile applications, including native and hybrid approaches. It discusses React Native specifically and its advantages, such as allowing developers to build mobile apps for Android and iOS using React with a single codebase, while still providing access to native platform features and a native user experience. It also covers topics like navigation, testing, publishing apps, and some challenges with React Native like dealing with JavaScript errors in production.

125 고성능 web view-deview 2013 발표 자료_공유용NAVER D2

The document discusses ways to improve the performance of hybrid mobile applications that use WebView. It describes how WebView has less powerful capabilities and worse web standard compatibility compared to mobile browsers. This can cause issues like fragmentation across device versions. The document proposes techniques for creating a high-performance WebView, including adding new capabilities like WebSockets, and replacing slower native elements like Canvas 2D with optimized custom implementations. It provides code examples for calling JavaScript from native and vice versa on Android and iOS. Lessons learned emphasize minimizing native/JavaScript communication and dealing with threading issues.

PhoneGap_Javakuche0612Yuhei Miyazato

Writing JavaScript for C# Blazor.pptxEd Charbeneau

A portlet-API based approach for application integrationwhabicht

This document discusses using a portlet API-based approach for integrating applications into Magnolia. It describes the portlet API concept of separate action and render phases. Implementing portlets as JSR-168 components allows seamless integration into Magnolia by adding a portlet filter and rendering portlets during page generation. Configuration is done through content types and portlet parameters can be accessed. Real-world use has shown this approach works well for small applications but has limitations for more complex integrations.

Intro to Sail.jsNicholas McClay

Sails.js is a realtime MVC framework for Node.js that is inspired by some of the best ideas behind Ruby on Rails and realtime frameworks like Meteor.js. In this presentation I'll overview getting started with Sails.js, its architecture and features, as well as some advice on place to look at when you are getting started. Learn a brand new way to think about web application development with Node.js!

JavaScript Web Developmentvito jeng

This document provides an introduction to JavaScript web development. It covers key concepts like AJAX architecture, unobtrusive JavaScript, CSS, and how they interact. JavaScript allows dynamic interaction and filtering of HTML content. The document demonstrates JavaScript features like variables, arrays, objects, JSON, loops, functions, and more. It also discusses advantages of CSS for layout and separation of concerns from HTML.

Scripting GeoServerJared Erickson

This document discusses how to extend GeoServer functionality through scripting. It describes a community module that allows scripts to be written in languages like Groovy, Python and JavaScript. These scripts can be used to create web applications and services, custom filter functions, and rendering transformations. Examples are provided of color brewer and layer display apps, geometry buffer functions, and a Voronoi diagram WPS process built with scripts.

Orbitz and Spring Webflow Case StudyMark Meeker

In this session, Michael Alford and Mark Meeker will describe the major business goals that drove the development of Orbitz Worldwide’s next generation online travel commerce platform, and how those goals were met with Spring and other technologies. Last summer, Orbitz Worldwide released a new generation of its global technology platform with the goals of internationalization, white-label capability, and faster, streamlined development. Michael and Mark will describe the key challenges of this technology project and how those challenges were addressed, including the good, bad, and ugly of the Spring Framework and Spring Web Flow.

Finch.io - Purely Functional REST API with FinagleVladimir Kostyukov

Finch.io is a library for building REST APIs in Scala using Finagle. It allows for composable endpoints and services. Parameters can be extracted from requests using a reader monad. Requests and responses can be validated. Responses can be JSON, plain text, or other formats. Authentication such as basic auth can also be supported. The documentation provides examples of defining endpoints and services, composing them, handling parameters and validation, and constructing different response types including JSON.

[22]Efficient and Testable MVVM patternNAVER Engineering

Quickly function add by Eclipse Monkeybose999

Lift 2 0SO

Lift 2.0 is a Scala-based web framework that uses a hybrid programming model combining object-oriented and functional programming. It offers a simple API for configuring web applications, including site maps, URL rewriting, database connections, and localization. Lift uses a model-view-controller architecture with templates, snippets, and views to render pages and forms. It also supports features like sessions, requests, JavaScript integration, Comet applications, Scala actors, and Ajax.

Server Side Swift: VaporPaweł Kowalczuk

This is my presentation from TechBeats #3 hosted by Applause about Server-Side Swift framework called Vapor. Swift is a great language and possibility of using it also in backend is a huge benefit for any iOS developer out there. Using Vapor is a seamless experience. With this framework creating advance APIs by iOS developer is as easy as writing simple iOS app. https://www.meetup.com/TechBeats-hosted-by-Applause/events/254910023/

The Open Web and what it meansRobert Nyman

Mozilla is a nonprofit dedicated to empowering users and promoting open web standards. The document discusses Mozilla's Browser ID system for user authentication, tools for developing web applications including manifest files, installing apps, accessing device capabilities like the camera and battery, and using technologies like IndexedDB, HTML5, and CSS3. It also covers Mozilla's Boot to Gecko project and APIs for telephony, SMS, and vibration in mobile browsers.

5.node jsGeunhyung Kim

UIWebView TipsKatsumi Kishikawa

Gdg dev fest hybrid apps your own mini-cordovaAyman Mahfouz

Hybrid apps - Your own mini CordovaAyman Mahfouz

Flask and Angular: An approach to build robust platformsAyush Sharma

React native by example by Vadim RubanLohika_Odessa_TechTalks

125 고성능 web view-deview 2013 발표 자료_공유용NAVER D2

PhoneGap_Javakuche0612Yuhei Miyazato

Writing JavaScript for C# Blazor.pptxEd Charbeneau

A portlet-API based approach for application integrationwhabicht

Intro to Sail.jsNicholas McClay

JavaScript Web Developmentvito jeng

Scripting GeoServerJared Erickson

Orbitz and Spring Webflow Case StudyMark Meeker

Finch.io - Purely Functional REST API with FinagleVladimir Kostyukov

[22]Efficient and Testable MVVM patternNAVER Engineering

Quickly function add by Eclipse Monkeybose999

Lift 2 0SO

Server Side Swift: VaporPaweł Kowalczuk

The Open Web and what it meansRobert Nyman

5.node jsGeunhyung Kim

Javascript call ObjC

1. iOS dev HACK! JS ObjC [email protected]

3. HTML

4. HTML JS Objc

5. HTML JS Objc UIWebView

7. JS Global

8. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame {

9. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"];

10. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"];

11. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"]; }

12. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"]; } + (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector

13. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"]; } + (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector + (BOOL)isKeyExcludedFromWebScript:(const char *)name

14. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"]; } + (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector + (BOOL)isKeyExcludedFromWebScript:(const char *)name

15. JS Global - (void)webView:(id)sender didClearWindowObject:(id) windowObject forFrame:(WebFrame*)frame { ! [windowObject setValue:localcall forKey:@"localcall"]; } + (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector + (BOOL)isKeyExcludedFromWebScript:(const char *)name

17. Apple

18. Apple + (BOOL)isSelectorExcludedFromWebScript: (SEL)aSelector aSelector

24. + (BOOL)isKeyExcludedFromWebScript: (const char *)name

25. + (BOOL)isKeyExcludedFromWebScript: (const char *)name

26. + (BOOL)isKeyExcludedFromWebScript: (const char *)name JS

28. RPC

29. RPC http://localcall/func_name? argument=”a_json_string”

30. RPC http://localcall/func_name? argument=”a_json_string”

31. Ajax

32. Ajax XMLHttpRequest

33. Ajax XMLHttpRequest

34. Ajax XMLHttpRequest Cache

35. Ajax XMLHttpRequest Cache - (NSCachedURLResponse *)cachedResponseForRequest: (NSURLRequest *)request

36. Callback

37. Callback window.location.href

38. Callback window.location.href

39. Callback window.location.href - (BOOL)webView:(UIWebView *)webView2 shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType) navigationType

40. Callback window.location.href - (BOOL)webView:(UIWebView *)webView2 shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType) navigationType [webview loadData]

41. Callback window.location.href - (BOOL)webView:(UIWebView *)webView2 shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType) navigationType [webview loadData] - (NSString *)stringByEvaluatingJavaScriptFromString: (NSString *)script;

42. Form Iframe Script webview cache

44. Read The F**king SourceCode. https://github.com/linluxiang/ JavascriptCallObjCExample

Javascript call ObjC

Recommended

More Related Content

What's hot (20)

Similar to Javascript call ObjC (20)

Javascript call ObjC