Bài viết
Integrate mã javascript trên dự án ios
1. Giới thiệu
Nghiên cứu chưa xong đã phải viết báo cáo rồi, ? , thú thực là muốn viết ngon thì phải 2 tháng nữa cơ sinh con non thế này con nên nó yếu lắm, bạn đang đọc thì ráng chịu nhá, lỗi ko phải của tớ đâu :v.
Sau một thời gian tự làm app, mình nhận thấy việc up app 1 mình tốn khá nhiều thời gian ảnh hưởng đến quá trình bạn distribute and earn money from product. Vì thế mình muốn tìm đến 1 phương cách có thể update app mà hạn chế phải up version mới của app len appstore -> Mình đang nghiên cứu các integrate javascript vào trong ios sau đó module hoá 1 số bộ phận của app bằng javascript để dễ dàng update code.
2. JavaScripCore Framework
Được apple giới thiệu từ WWDC 2013, javascriptcore giúp cho bạn integrate script vào trong app, trước kia chỉ có C api cho Mac và bay giờ là javascriptcore build on top cả trên mac và ios, giúp cho việc lập trình trở nên đơn giản và ít lỗi hơn.
Để reflect component trong javascript Apple định nghĩa các class cơ bản sau:
JSVirtualMachine : js code được chạy trên máy bảo js được định nghĩa bằng class.Bản thân JSVirtualMachine không hỗ trợ multithread, nếu bạn muốn chạy đa luồng thì bạn phải tạo nhiều JSVirtualMachine. Mỗi JSVirtualMachine Object có bộ nhơ heap và barbage collector của riêng nó, và không có liên hệ với JSVirtualMachine khác.
JSContext : Tương ứng với Global object trong javascript, không giống với JSVirtualMachine bạn có thể thoải mái pass object giữa các JSContext.
JSValue: Mọi giá trị lấy được từ JSContext là JSValue. JSValue đóng gói mọi kiểu dữ liệu của Javascript. Mỗi JSValue được gắn chặt với JSContext object.
3. Thực hành
- Để sử dụng javascript code bạn làm như sau:
- Khởi tạo JSContext
- Load Javascript Code từ file String
- Get Object từ javascriptCode
- Chạy object bằng hàm callWithArguments
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
@ IBAction func changeColor ( sender : AnyObject ) {
let path = NSBundle . mainBundle ( ) . pathForResource ( "color" , ofType : "js" )
let context = JSContext ( )
context . setObject ( ViewController . self , forKeyedSubscript : "ViewController" )
do {
try context . evaluateScript ( NSString ( contentsOfFile : path ! , encoding : NSUTF8StringEncoding ) as String )
let randomColorScript = context . objectForKeyedSubscript ( "getRandomColor" )
print ( randomColorScript . callWithArguments ( [ self ] ) )
} catch {
}
|
Để sử dụng apple code trong javascript bạn có 2 cách:
- Với block: với objC thì măc định được visible trong js code với swift bạn phải khai báo @objc cho block của swift
- Với class: Sử dụng JSExportProtocol Khai báo 1 protocol extend từ JSExportProtocol
|
1
2
3
4
5
6
7
8
9
10
|
@ objc protocol ViewControllerExportJS : JSExport {
var color : String { get set }
func changeBackgroundColor ( hex : String )
static func twoParametersExample ( hex : String , hax : String )
}
class ViewController : UIViewController , ViewControllerExportJS {
. . . .
|
Ở file javascript bạn có thể sử dụng như sau:
|
1
2
3
4
5
6
7
8
9
10
11
|
function getRandomColor ( controller ) {
var letters = '0123456789ABCDEF' ;
var color = '#' ;
for ( var i = 0 ; i < 6 ; i ++ ) {
color += letters [ Math . floor ( Math . random ( ) * 16 ) ] ;
}
ViewController . twoParametersExampleHax ( color , color ) ;
controller . changeBackgroundColor ( color )
}
|
- Chú ý là với function có từ 2 paramter trở lên. Vì javascript ko có từ gợi nhớ parameter nên bạn append vào tên method trong swift twoParametersExample(hex: String, hax: String) thành method với tên twoParametersExampleHax trong js (cái này ko có trên raywenderlich đâu nhá :v)
4. Kết luận
Có vẻ là khi chạy code trên javascript bị delay 1 chút về time xử lý. Bạn có thể test bằng project example trong bài viêt này. http://www.mediafire.com/download/ztgly24x1aucd6i/JavascriptCoreTest.zip Tham khảo tại : https://www.raywenderlich.com/124075/javascriptcore-tutorial
Có thể bạn chưa biết:
- Quản lý chi tiêu, thu/chi kinh doanh, tài chính cá nhân,... trên smartphone
- Hướng dẫn cài đặt
- Hướng dẫn sử dụng APP QUẢN LÝ THU CHI, loại thu/chi nhiều lần, thu/chi hợp đồng, thu/chi nợ, trả góp,...
- Cách tra cứu Chứng minh nhân dân, hay Thẻ Căn cước Công dân
- Mẫu file excel theo dõi Quản lý Nhập Xuất Tồn đơn giản
-
DVMS chuyên:
- Tư vấn, xây dựng, chuyển giao công nghệ Blockchain, mạng xã hội,...
- Tư vấn ứng dụng cho smartphone và máy tính bảng, tư vấn ứng dụng vận tải thông minh, thực tế ảo, game mobile,...
- Tư vấn các hệ thống theo mô hình kinh tế chia sẻ như Uber, Grab, ứng dụng giúp việc,...
- Xây dựng các giải pháp quản lý vận tải, quản lý xe công vụ, quản lý xe doanh nghiệp, phần mềm và ứng dụng logistics, kho vận, vé xe điện tử,...
- Tư vấn và xây dựng mạng xã hội, tư vấn giải pháp CNTT cho doanh nghiệp, startup,...
Vì sao chọn DVMS?
- DVMS nắm vững nhiều công nghệ phần mềm, mạng và viễn thông. Như Payment gateway, SMS gateway, GIS, VOIP, iOS, Android, Blackberry, Windows Phone, cloud computing,…
- DVMS có kinh nghiệm triển khai các hệ thống trên các nền tảng điện toán đám mây nổi tiếng như Google, Amazon, Microsoft,…
- DVMS có kinh nghiệm thực tế tư vấn, xây dựng, triển khai, chuyển giao, gia công các giải pháp phần mềm cho khách hàng Việt Nam, USA, Singapore, Germany, France, các tập đoàn của nước ngoài tại Việt Nam,…
Quý khách xem Hồ sơ năng lực của DVMS tại đây >>
Quý khách gửi yêu cầu tư vấn và báo giá tại đây >>