webapp設置軟體

❶ appcan webapp打包之前的證書設置有什麼用

去appcan的首頁登錄之後，進入應用開發，創建應用後，應用開發--》點擊創建的應用--》點擊應用打包--》雲端打包--》勾選webApp模式,並在下面的輸入框輸入你的手機網站地址，下面再勾選手機系統--》點下面的生成安裝包--》等在線打包完成之後就可隱御以下載下來了
另外幾點：絕並
1，最好網站支持手機屏幕，不然app打開後頁面字體很小

2，打包灶宏岩之前你可以對圖標，啟動頁，證書進行設置，不設置的話是appcan默認的
3，在線打包完成之後的軟體可以在應用管理里看到並下載

❷ webapp開發需要什麼軟體(web開發和app開發哪個好)

介紹幾個web開發需要的基礎工具：

KendoUI：webAPP界面設計工具。KendoUI擁有統一測試，支撐框架下所需要的虛祥所有工具。使得專注於創建自己的應用程序，而不是從成百上千不支持的插件和庫中創建（和支撐）框架。KendoUIWeb包括簡單、一致的編程介面，安全可靠的數據源，精美和新穎的UI小部件，MVVM框架，主題和模板等。需要做的就是以KendoUIWeb為基礎，去開發現代化、互動式的HTML5和JavaScript應用程序。

KendoUIWeb支持即時觸屏功能。所有的KendoUIWeb小部件都全面支持觸屏設備，如iPad、iPhone和Android，因此Web應用程序能用在許多不同輸入選項的設備上。甚至KendoUI的拖拽框架都支持觸摸屏，無需僅僅為了處理滑鼠和觸摸屏芹答輸入而復制代碼。

MOQUPS：這個工具可創建出非常驚人的webapp，具有高保真、獨立解析度的SVG模型和線框。Moqups是一款HTML5在線的WEB框架、模型、UI設計並創建的網路應用程序。基於HTML5在線WEB框架、模型、UI設計並創建:Moqups它內置有超過60套手繪的SVG模板及特性。

FluidUI：FluidUI是目前最快的移動app原型設計工具，它可以在移動設備上測試各種低保真和高保真的app模型

UXPin：UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。基於優秀的用戶體驗設計原則，在構建原型中，提供了一個完整的工具包（該工具包具有良好的用戶設計模式和元素）來從頭構建一個出色的原型。UXPin具有響應式的斷點功能，創建的響應式原型和線框圖可以運行差首搏在不同的設備和解析度上。另外該軟體還提供了版本控制和迭代功能，可以輕松的共享預覽，直觀的註解和實時的協同編輯和聊天。

❸ 車載觸屏如何安裝手機app

1、然後再去網上或實體店買一個盡可能大的U盤鋒彎。車載系統不可以下載軟體，拿出U盤，插入到電腦上，然後盯陪電腦下載軟體。

❹ 百度Web App在線生成平台Site App的體驗

最近收到網路開發者中心郵件，告知之前的網路移動建站服務已經升級為Site
App了，Site
App顧名思義是可以創建APP的站點，之前想建立一個APP要麼是自己製作，要麼是選用國外的在線Web
APP工具來實現，現在網路推出的Site
App極大的解決了中小網站無法建立APP站並早歷點的事實。
下圖為電腦站、移動建站、Web
APP的圖示：
通過圖例我們可以看到，之前通過把電腦版通過網路移動建站後在手機上的顯示效果，界面顯得如此凌亂，而使用Site
App後，界面則整潔了許多，也像一個Web
App了。
下面我簡單介紹一下如何使用網路Site
App。
第一步：添加站點
網路Site
App是將PC站轉換成WebApp，點擊http://siteapp..com/
輸入網址絕搜，點擊創建Web
App。
第二步：定製效果
目前Site
App有三張現實效果，如下圖所示，都是APP常見的顏色。
我目前選的是第一款，導航欄睜伏在左側的黑色界面。
第三步：設置WebApp
這一步非常重要，它將決定你的WebApp顯示什麼樣的內容，而Site
APP做的也人性化，可視化的選擇，提示你哪裡可以刪除，哪裡可以顯示。
一般來說，不建議在手機站上顯示過多內容，列出幾個主要欄目與內容即可。
最後在設置Web
App名稱，模板布局、顏色就可以了。
第四步：部署域名
在web
app都設置好後，就可以部署域名了，操作方法也很簡單，輸入一個手機站域名，如我的設置為http://m.lusongsong.com/，並在域名管理後台CNAME解析到siteapp..com就可以了。
這樣屬於自己的一個Web
App就算建立好了，等兩個工作日審核後就可以正常使用了。而原來在網路移動建站的朋友可以直接轉移到Site
App來。對第一次使用的朋友，還需要驗證網站，並且建議與網路移動統計綁定起來，方便查看流量。如果流量大的手機站可以考慮使用網路移動聯盟。
擴展閱讀：
網路Site
App是為開發者提供從生成WebApp到流量、用戶引入再到變現的綜合服務平台，也是國內首家的Web
App在線生成服務平台，於9月3日正式上線。
文章來源：盧鬆鬆博客，轉載請註明本文地址。

❺ WebApp設計

從使用場景上鍵判御，Web App用戶面臨比原生APP用戶更嚴峻的問題：1、 頁面跳轉更加費力，不穩定感更強思考點：如何減少跳轉(扁平結構、頁面布局技巧)，增加數據及展示的流暢流程及穩定性(技術)2、 更小的頁面空間(由於瀏覽器的導航本身佔用一部分屏幕空間)，更大的信息記憶負擔移動設備的屏幕要小得多

這種如同透過門縫進行的閱讀增加了認知的負擔

人腦的短期記憶是不穩定的，用戶在滾動屏幕的過程中需要臨時記憶的信息越多，他們的表現就會越差

——《貼心設計：打造高可用性的移動產品》思考點：排版更清晰、信息更簡練 (可在原生APP基礎上去掉一些豐富、復雜的視覺表現)3、 導航不明顯，原有底部導航消失，有效的導航遇到挑戰思考點：如何有效的提供導航?有哪些形式?4、 交互動態效果收到限制，影響一些頁面場景、邏輯的理解

思考點：比沖橘如登錄注冊流程的彈出、完成及異常退出，做好文字提示

針對以上困境，解決方法總結如下：首先，從APP到WAP版，在產品上，最明顯且核心的：1、 精簡功能，只將核心的任務實現，非核心的枝節可考慮刪減

2、 做好新的Web App導航

3、 補充從Web App 對 下載原生APP 的引導

一、常見的幾種Web APP導航樣式1

1頂部底部導航的設計：1

2導航快捷鍵設計：美團：頂部欄固定位置淘寶：懸浮圓圈_可的按鈕優酷：非首屏時頁面右側懸浮二、有效的導航設計1、 基本的快捷導航中包括 返回常用頁面(如 首頁 我的 等)的快捷方式2、 出現深稿岩層架構時 及時補充返回重要層級頁面的快捷方式3、 情境式導航，方便用戶快捷跳轉到ta想去的頁面，如購買結束時提供查看訂單詳情的按鈕

PS：Web APP更加需要畫頁面跳轉的流程圖，摸清各個頁面的入口，尤其是頁面返回的流程;有些簡化的返回按鈕，可以特殊註明返回到的頁面在哪裡出現引導?一般首頁、核心任務的頁面(如 電商Web APP的商品詳情頁 、視頻Web APP的視頻觀看頁)二、引導下載APP有哪些形式?頁面頂部放置下載條頁面底部懸浮層引導融合在頁面首屏中下載按鈕形式底部Foot里含客戶端下載入口其次，在設計Web App時，有以下小技巧可以參考：1、 從頁面布局上減少跳轉：使用交互技巧隱藏文字(eg 騰訊視頻)利用收起按鈕 減少頁面跳轉

2、 取消float浮層，增大展示空間(eg：大眾點評)取消float浮層，同時在詳情尾部再次加上 「購買」按鈕

浮層的轉換處理

3、 頁面中對圖片進行縮小(因情況而異)的處理、精簡一些標簽導航的視覺展示

視覺微調

技術上注意點：1)各手機瀏覽器的兼容測試2)底層服務的調取(能調取，但只有當其是核心功能時才保留 eg：新浪、美團等皆去掉了頭像上傳功能)3)注意離線數據存儲，減少數據請求頻率

4)考慮保存用戶的哪些數據：設置、個人數據、閱讀錨點、跳出頁面等

5)避免動效與瀏覽器的交互沖突6)按順序 非同步載入 eg： 騰訊視頻騰訊視頻非同步載入

雖然Web App目前處於比較尷尬的地位，我們是由於原APP客戶端中一些頁面需要分享出去才開啟製作Web App版

但是不得不承認，基於Web的輕APP 更新迭代起來更方便，隨著H5技術的成熟和發展，也許以後就是基於H5的Web App的天下了 0

0

❻ 如何將觸屏的手機網站生成一個APP客戶端

網路Site App（http://siteapp..com）可以實現該功能，操作步驟如下：

1. 申請賬號：首先去網路申請一個網路賬號，如果你有的話直接登錄就行，這步很簡單。

2. 添加站點：輸入需要生成WebApp的網站地址，然後驗證網站所有權，方法和驗證一般驗證網站所有權一樣，可以通過文件或者添御伏加代碼驗證。

3. 定製效果：將右邊的網站內容直接添加到左邊的模板中，有全局導畝拆此航、二級導航、欄目，這三個供你調試，你按照網路官方給出的幫助文檔就可以正確添加，但是加的過程中你會發現「欄目」是加不上去的，它會提示「無法被添加成此組件」，於是我咨詢了網路SiteApp管理員，他給的回復是說目前網路Site App只是對大的資訊網站功能完善，目前像個人博客、小型論壇都不支持。

4. WebApp設置：這一步主要是設置webapp信息，webapp名稱、版權信息等。

5. 部署域名：為WebApp添加域名，只要添加網站的一個二級域名，然後將域名解析到它提供的網路二級域名商就可以。

6. 發布：完成上面所有步驟以後就說明WebApp創建完畢，等候審核通過後就可直接發布。

7. 生成APP客戶端：回到【管理我的webapp】找到已通過的站點，下面生成應用。

   
   

   ❼ 如果打算把webapp打包成nativeapp框架

   1、首先我們需要先新建一個WebApp項目，目錄結構為：
   
   index.html 項目首頁html入口文件
   
   --html 項目文件夾
   
   --html/css 用於存放用到的css文猜乎件
   
   --html/js 用於存放用到的js文件
   
   2、index.html我們可以用Dreamweaver CC來新建，操作如下：點擊文含世件菜單，再點新建，在談兆肢彈出的窗口中點流體網格布局，再點創建。
   
   3、創建好html文件後，點擊文件-另存為，將文件名改為：index.html，保存到我們新建的WebApp項目根目錄下。如下圖：
   
   4、這時會彈出一個對話框，提示內容如下：
   
   這時，我們將用到的boilerplate.css文件和Untitled-2.css文件，復制到WebApp項目html/css目錄下，將用到的respond.min.js文件復制到WebApp項目html/js目錄下。
   
   這里解釋下，boilerplate.css是定義跨瀏覽器兼容性的樣式文件，Untitled-2.css是定義自適應媒體查詢的樣式文件，respond.min.js擴展IE8以下瀏覽器支持css3的js文件，如果不需要考慮支持IE8以下瀏覽器，可以刪除掉。這里由於我們是打包生成手機端的APP，不需要用到respond.min.js，我們把它刪除掉，然後再修改下CSS的引用路徑，如下：
   
   <link href="html/css/boilerplate.css" rel="stylesheet" type="text/css">
   <link href="html/css/Untitled-1.css" rel="stylesheet" type="text/css">
   5、這樣一個簡單的WebApp項目就新建好了。優化下html代碼，如下圖：
   
   6、接著我們來使用KM盒子將這個WebApp項目打包生成手機APP應用。
   
   打開KM盒子軟體，點擊安卓設備按鈕，在彈出的菜單中選擇 自定義打包。
   
   接著，在彈出的對話框，設置 APK名稱，安裝包ID，文件路徑選擇我們剛才的WeApp文件夾目錄，然後點擊編譯文件。
   
   接著，在彈出的對話框中，雙擊三個圖片，分別設置APK的豎向啟動畫面、橫向啟動畫面和桌面圖標文件，圖片格式為PNG圖片文件。
   
   最後，在彈出的對話框，點擊生成APK安裝包，這樣一個WebApp項目打包生成手機APP就完成了。
   
   我們來看下安裝到手機上的效果：
   
   最後，我們學習下Dreamweaver CC生成的流體網格布局CSS文件，具體看源文件，我加了中文注釋：
   
   @charset "utf-8";
   /** HTML5 ✰ Boilerplate color:rgb(144 255 173)">v3.0.2
   /*
   * HTML5 ✰ 樣板
   *

   ❽ webapp刷新怎麼關閉

   1、首先打開扒笑webapp，進入主界面。
   2、其次點擊webapp中的設置，找到工具設置。
   3、最後在工具設置中，點擊取消勾選webapp刷新即握冊可段此宏。

   ❾ 目前手機webapp用什麼軟體開發

   之前學習angular的時候接觸過一個叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架，官方描述是激高缺The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.
   
   Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的web app 開發框架，採用 Sass與AngularJS 開發。目前，Ionic 已經升級到v1.0.0-beta.14版本了，可以說這個框架的目的就是讓App的開發像Web一樣純明辯粹。
   對於打包app的平台推薦Cordova：
   Cordova（http://cordova.apache.org/）是貢獻給Apache後的開源項目，是從PhoneGap中抽出的核心代碼，是驅動PhoneGap的核心引擎。你可以把他想像成類似於Webkit和Google Chrome的關系。Cordova可以通過給定的API訪問原生的設備的功能模塊，如攝像頭、麥念銀克風等；同時支持iOS,Android等不同的手機操作系統，也就是說我們可以通過一套程序生成多平台的app，這個可以省去很多開發成本（前提是要求用戶設備性能稍微好一點，在iOS上面運行起來是挺6的，但是在某些老安卓上面會有點卡頓）。
   上次自己做了一個todolist類的web app，通過Cordova生成app並且使用了zipalign工具進行優化，放到了自己手機上面跑了一下，感覺很6，然後拿給哥們玩了一下，他感覺不出來這是用web框架寫的，感覺和native app運行效果一樣，可以去嘗試下這個框架。