JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調試安裝包
在上篇文章給大家介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（一） 配置和起步，本篇文章繼續(xù)給大家介紹關于javascript實戰(zhàn)相關內容，一起學習吧。
生成調試安裝包
首先需要說明的是，這個步驟并不是每次調試App都必須的，大部分情況生成一次調試安裝包，安裝到手機上之后就可以忽略整個這個步驟。因為調試安裝包包含了很多原生組件，都是可以定制勾選的，如果你需要額外增加一些原生組件，則需要勾選更多的組件并要重新生成調試安裝包。
點擊調試程序的菜單里的“Build Debug Version”按鈕，如果沒有登錄過，會提示登錄
如果打開了多個項目，需要選擇一個你想要打包的具體項目，打包的時候需要聯(lián)網。
只需要幾分鐘，”打包中…” 就會完成，變成“下載安裝”，點擊后，你可以選擇二維碼安裝或者下載文件到電腦上然后通過工具來安裝到手機上。
調試開發(fā)
在移動設備（手機或pad）上安裝上一個步驟生成的安裝包之后，基本界面如下，Android，IOS和Winphone基本界面是一樣的。要調試需要先在設計器中的”Service”右鍵點擊”Create”按鈕，然后點擊“Start”啟動服務，記錄下顯示的ip地址和port號，再將ip地址輸入手機上調試版本的“服務地址”，注意要確保手機的ip和設計器所在ip在同一網段，否則無法通信。最后再點擊”更新“按鈕
更新成功后，點擊”進入“按鈕，就能看到設計器上開發(fā)的App在手機上的真實效果了，我們可以看到和設計器上看到的效果完全一致，能看到綠色label，也能點擊”Say Hello“按鈕，會彈出”Hello DeviceOne?。?！“。就這樣，我們在設計器上可以繼續(xù)修改代碼，修改UI，然后再次點擊”更新“按鈕和”進入“按鈕就可以實時的看到開發(fā)的效果。一直到這個App完成所有你需要達到的功能。
目前還不支持單步調試。目前支持alert，toast方式調試和deviceone.print調試。其中print調試可以實時把打印的數(shù)據顯示在設計器的”調試日志“，但是需要確保調試終端的”顯示日志“勾選上。
發(fā)布應用
應用開發(fā)完后通過云端的打包服務即可將程序打成一個正式的安裝包，有自己的圖標，名稱，簽名等等，可以上傳官方的Appstore，可以給最終用戶下載使用。只需點擊設計器中的“Build Single Version”按鈕，最后安裝包在下載頁面下載即可。
To Be Continue.......
- DeviceOne 讓你一見鐘情的App快速開發(fā)平臺
- JavaScript使用DeviceOne開發(fā)實戰(zhàn)（四）仿優(yōu)酷視頻應用
- JavaScript使用DeviceOne開發(fā)實戰(zhàn)（三）仿微信應用
- JavaScript使用DeviceOne開發(fā)實戰(zhàn)（一) 配置和起步
- 微信小程序 wx.uploadFile無法上傳解決辦法
- 微信小程序 input輸入框控件詳解及實例（多種示例）
- 微信小程序中使元素占滿整個屏幕高度實現(xiàn)方法
- 微信小程序 Windows2008 R2服務器配置TLS1.2方法
- 微信小程序 textarea 詳解及簡單使用方法
- 使用DeviceOne實現(xiàn)微信小程序功能
相關文章
Javascript Event事件中IE與標準DOM的比較
說是IE與DOM的比較，其實還是瀏覽器之間的比較，眾多的瀏覽器中，IE獨樹一幟，并且占有大部分用戶市場，后來的標準DOM雖然不少優(yōu)點之處，但畢竟一般用戶不關心也不知道這些，代碼編寫過程中，往往需要兼顧多個瀏覽器。2010-04-04
最近在使用VS Code，發(fā)現(xiàn)了不少使用的小技巧，覺著有必要給大家分享下，下面這篇文章主要給大家介紹了關于VS Code轉換大小寫、修改選中文字或代碼顏色的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-12-12
這篇文章主要為大家詳細介紹了微信JS-SDK選取手機照片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
父頁面iframe中的第三方子頁面跨域交互技術—postMessage實現(xiàn)方法
web網站通過iframe嵌入第三方web頁面，父頁面和子頁面如果需要數(shù)據交互，顯然違反了同源策略，在HTML5標準引入的window對象下的postMessage方法，可以允許來自不同源的JavaScript腳本采用異步方式進行有限的通信，可以實現(xiàn)跨文本檔、多窗口、跨域消息傳遞...2023-06-06
JavaScript中apply與call的用法意義及區(qū)別說明
JavaScript中有一個call和apply方法，其作用基本相同，但也有略微的區(qū)別。2010-04-04
這篇文章主要為大家詳細介紹了tracking.js頁面識別人臉插件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
用iframe做系統(tǒng)框架，相信很多朋友都有這樣的經歷吧，接下來將為你詳細介紹下JS中Iframe之間傳值應用，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
uniapp?Android解決?APP菜單、按鈕權限控制方法
這篇文章主要介紹了uniapp?Android解決?APP菜單、按鈕權限控制方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
這是個人在最近使用json時做的總結，拿出來給沒接觸過的小弟們曬曬，適用與沒接觸過json的人員，其中json2。js請到json官網下載。2010-03-03
在項目開發(fā)過程中遇到一個需要從小程序上傳圖片的需求,此需求實現(xiàn)起來并不難,下面這篇文章主要給大家介紹了關于微信小程序開發(fā)指南之圖片壓縮解決方案的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08