JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(二) 生成調(diào)試安裝包
在上篇文章給大家介紹了JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(一) 配置和起步,本篇文章繼續(xù)給大家介紹關(guān)于javascript實(shí)戰(zhàn)相關(guān)內(nèi)容,一起學(xué)習(xí)吧。
生成調(diào)試安裝包
首先需要說明的是,這個(gè)步驟并不是每次調(diào)試App都必須的,大部分情況生成一次調(diào)試安裝包,安裝到手機(jī)上之后就可以忽略整個(gè)這個(gè)步驟。因?yàn)檎{(diào)試安裝包包含了很多原生組件,都是可以定制勾選的,如果你需要額外增加一些原生組件,則需要勾選更多的組件并要重新生成調(diào)試安裝包。
點(diǎn)擊調(diào)試程序的菜單里的“Build Debug Version”按鈕,如果沒有登錄過,會(huì)提示登錄
如果打開了多個(gè)項(xiàng)目,需要選擇一個(gè)你想要打包的具體項(xiàng)目,打包的時(shí)候需要聯(lián)網(wǎng)。
只需要幾分鐘,”打包中…” 就會(huì)完成,變成“下載安裝”,點(diǎn)擊后,你可以選擇二維碼安裝或者下載文件到電腦上然后通過工具來安裝到手機(jī)上。
調(diào)試開發(fā)
在移動(dòng)設(shè)備(手機(jī)或pad)上安裝上一個(gè)步驟生成的安裝包之后,基本界面如下,Android,IOS和Winphone基本界面是一樣的。要調(diào)試需要先在設(shè)計(jì)器中的”Service”右鍵點(diǎn)擊”Create”按鈕,然后點(diǎn)擊“Start”啟動(dòng)服務(wù),記錄下顯示的ip地址和port號(hào),再將ip地址輸入手機(jī)上調(diào)試版本的“服務(wù)地址”,注意要確保手機(jī)的ip和設(shè)計(jì)器所在ip在同一網(wǎng)段,否則無法通信。最后再點(diǎn)擊”更新“按鈕
更新成功后,點(diǎn)擊”進(jìn)入“按鈕,就能看到設(shè)計(jì)器上開發(fā)的App在手機(jī)上的真實(shí)效果了,我們可以看到和設(shè)計(jì)器上看到的效果完全一致,能看到綠色label,也能點(diǎn)擊”Say Hello“按鈕,會(huì)彈出”Hello DeviceOne!??!“。就這樣,我們?cè)谠O(shè)計(jì)器上可以繼續(xù)修改代碼,修改UI,然后再次點(diǎn)擊”更新“按鈕和”進(jìn)入“按鈕就可以實(shí)時(shí)的看到開發(fā)的效果。一直到這個(gè)App完成所有你需要達(dá)到的功能。
目前還不支持單步調(diào)試。目前支持alert,toast方式調(diào)試和deviceone.print調(diào)試。其中print調(diào)試可以實(shí)時(shí)把打印的數(shù)據(jù)顯示在設(shè)計(jì)器的”調(diào)試日志“,但是需要確保調(diào)試終端的”顯示日志“勾選上。
發(fā)布應(yīng)用
應(yīng)用開發(fā)完后通過云端的打包服務(wù)即可將程序打成一個(gè)正式的安裝包,有自己的圖標(biāo),名稱,簽名等等,可以上傳官方的Appstore,可以給最終用戶下載使用。只需點(diǎn)擊設(shè)計(jì)器中的“Build Single Version”按鈕,最后安裝包在下載頁面下載即可。
To Be Continue.......
- DeviceOne 讓你一見鐘情的App快速開發(fā)平臺(tái)
- JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(四)仿優(yōu)酷視頻應(yīng)用
- JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(三)仿微信應(yīng)用
- JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(一) 配置和起步
- 微信小程序 wx.uploadFile無法上傳解決辦法
- 微信小程序 input輸入框控件詳解及實(shí)例(多種示例)
- 微信小程序中使元素占滿整個(gè)屏幕高度實(shí)現(xiàn)方法
- 微信小程序 Windows2008 R2服務(wù)器配置TLS1.2方法
- 微信小程序 textarea 詳解及簡(jiǎn)單使用方法
- 使用DeviceOne實(shí)現(xiàn)微信小程序功能
相關(guān)文章
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記七:Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)組合模式詳解
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)組合模式,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中Javascript面向?qū)ο蠼M合模式相關(guān)概念、原理、定義、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04淺談bootstrap layer.open中end的使用方法
今天小編就為大家分享一篇淺談bootstrap layer.open中end的使用方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS實(shí)現(xiàn)密碼框根據(jù)焦點(diǎn)的獲取與失去控制文字的消失與顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)密碼框根據(jù)焦點(diǎn)的獲取與失去控制文字的消失與顯示效果,可實(shí)現(xiàn)使用JavaScript判斷密碼框是否獲得焦點(diǎn)來隱藏與顯示提示文字,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-11-11JavaScript 用Node.js寫Shell腳本[譯]
你懂JavaScript嗎?你需要寫一個(gè)Shell腳本嗎?那么你應(yīng)該試一下Node.js,它很容易安裝,而且很適合通過寫Shell腳本來學(xué)習(xí)它2012-09-09