钛媒体估值
在过去的五年左右的时间里,Web应用程序开发的世界发展很快。 得益于Ruby on Rails和jQuery等强大的开发框架,曾经极为罕见的Web开发人员不仅可以交付可靠的后端代码,还可以提供精美的UI。 同样,CSS和HTML(曾经是用于确定网页结构和布局的极其简单的工具)已经固化为灵活而强大的环境,使开发人员可以创造出极为引人入胜的体验。
但是在某些时候,有时会要求这些相同的开发人员走得更远,而不是“纯粹的” Web出现(用引号引起来,因为每个开发Web软件的人都知道它比看上去更难实现,但是总会有一些人愿意短缩)。 在这个瞬息万变的世界中,仅仅拥有网站是不够的:您还需要移动和桌面应用程序。
问题是,如果您来自Python,JavaScript或PHP等解释性脚本语言的世界,那么向Java™技术,C ++或Objective-C语言的过渡并不像听起来那样容易。 实际上,这可能非常困难。 关于新世界的一切都很难:您必须处理编译后的代码; 供应设备; 并在Apple Macintosh,Windows®或Linux®等不同平台上进行测试。 您很有可能必须以完全不同的方式开始工作。
因此,即使您可以学习一种新语言(例如,如果要编写Apple iPhone或iPad应用程序的代码,也可以使用Objective-C),您仍然必须学习如何以符合新环境的方式进行操作。 如果您要编写Android或iPhone应用程序的代码,则需要完成某些步骤以获取开发人员证书,运行构建,配置设备,测试设备上运行的代码,最后遵循另一过程来提交应用程序以进行分发。
对于一般的Web开发人员来说,他们习惯于通过SFTP将代码拖放到测试服务器上,运行各种浏览器检查,然后将其实时发布,所有这些可能都有些令人难以理解。
但是,如果您可以使用已经掌握的语言知识,该怎么办? 使用这些语言为桌面和移动平台构建本机应用程序,然后打包这些应用程序以进行分发和使用? 嗯,你正在阅读的正确的文章,因为答案那些“如果”是钛,自由和开放源码开发工具包由Appcelerator的公布(见相关主题 )。
什么是钛?
简而言之,Titanium是一个快速的应用程序开发平台,它使用HTML,JavaScript和CSS(对于初学者而言)来开发台式机和移动应用程序。 该框架还支持使用Python,Ruby和PHP,它们与前端技术一起使您能够访问可用于创建应用程序的各种熟悉的技术。
其他平台(如Adobe®AIR®)类似,除了Titanium是根据免费/开源Apache许可获得许可的,并且您无需学习AdobeFlash®或ActionScript即可上手。 基本上,您将使用的是一个独立的WebKit客户端和一个扩展的API,该API包括内部SQLite数据库和完整的文件系统访问权限(以及其他功能),并将它们与自己CSS,JavaScript,HTML和后端代码结合在一起。 此外,您可以访问通用包装程序,例如桌面通知,任务栏图标,窗口菜单以及其他使您的应用程序自然地与大多数主要操作系统融合在一起的小部件。
安装钛
要开始使用Titanium,请在Appcelerator网站上单击下载Titanium 。 下载软件包后,将其安装在系统上。 在Mac OS X上,只需将Titanium图标拖到Applications文件夹图标上。
安装Titanium后,您可能需要运行更新并下载辅助库,然后才能继续。 完成所有操作后,第一次启动Titanium; 您应该会看到一个欢迎页面。 如果您已经有用户名和密码,请使用这些凭据登录。否则,请花一点时间立即创建凭据。 您将使用这些凭据来访问Wiki,支持门户和其他资源,例如基于云的分析。
注册后,您应该会看到一个列出您的项目的页面。 您也可以从同一页面访问API文档和其他有用的信息(请参见图1)。 您可以随意随意探索这些内容,但是现在,开始创建您的第一个项目。
图1. Titanium开发人员仪表板
![仪表板的屏幕快照,左侧为项目窗格,右侧窗格为许多示例和教程提供快速链接](https://i-blog.csdnimg.cn/blog_migrate/65fc43fc21e8d503364f5b4c77e932fa.png)
创建您的第一个Titanium应用程序
要创建钛第一个应用程序,只需单击顶部工具栏上的新建项目打开New Project窗口。 在这里,填写有关新应用程序的一些数据点(请参见图2 ):
- 在“ 项目类型”中 ,选择“桌面”。
- 为您的应用命名。
- 给您的应用程序一个应用程序ID。 通常,App ID遵循熟悉的com.companyname.applicationname格式(例如com.example.sampleapp )。
- 选择完成代码的目录。
- 输入您公司的网址或个人网址。
- 检查要包含在新应用程序中的语言模块(当前支持Ruby,Python和PHP)。
- 单击创建项目 。
图2.创建一个新项目
![新的项目创建窗口的屏幕快照,显示正在为Ruby,Python和PHP开发的Desktop项目。](https://i-blog.csdnimg.cn/blog_migrate/eb298c61b7e4aab51848ad361c99e1cf.png)
Titanium在指定的文件夹中为新应用程序创建一个文件夹。 您的应用程序文件夹将包含某些重要的文件和目录:
- Resources文件夹最终将包含您的所有图像,HTML文件,PHP文件等。将其视为应用程序的Web根目录。 在您的应用程序中,您可以使用
app://
URL来引用此文件夹中的文件和资产。 - tiapp.xml文件是您的应用程序的配置文件。 您可能永远不会在Titanium的UI之外编辑此文件,但是,如果这样做,请确保事先阅读文档(请参阅参考资料 )。
- LICENSE.txt文件包含用户在使用您的应用程序之前必须同意的许可。
- 清单文件描述了有关您的应用程序的一些详细信息,例如应用程序的运行时版本。 在Titanium运行时编辑此文件不是一个好主意。
- dist目录是Titanium在启动和打包应用程序时暂存的位置。
现在,请确保您设置的初始应用程序有效并且可以打包。 要进行测试,请单击“ 测试和打包”选项卡,然后单击“ 打包”选项卡。
接下来,选择您要支持的平台(现在选择您正在使用的平台),选择安装程序类型(现在选择Bundled )。 保留其余的默认值,如图3所示(例如,您希望应用程序是私有的,并且不想发布给用户)。
图3.打包您的应用程序
单击打包项目 。 几分钟后,您应该获得一个可以从Appcelerator网站下载的软件包(请参见图4)。
图4.准备下载的软件包
![屏幕截图显示了OSX 10.5 Intel软件包的软件包完成屏幕以及下载链接](https://i-blog.csdnimg.cn/blog_migrate/d39cf3eceda8acb9efcdf89f92ab9754.png)
单击以下载软件包,然后安装。 当然,您将看到的只是一个空白屏幕,顶部带有“ Welcome to Titanium”字样,因为这几乎是应用程序的Resources目录中index.html文件内的内容。 实际上,如果您打开该index.html文件,则会看到类似清单1的标记。
清单1.第一个Titanium应用程序中的基本标记
<html><head></head>
<body style="background-color:#1c1c1c;margin:0">
<div style="border-top:1px solid #404040">
<div style="color:#fff;;padding:10px">Welcome to Titanium</div>
</div></body></html>
编辑您的应用程序
您已经构建了第一个应用程序,但这并不十分令人兴奋。 一方面,它看起来不多,并且也无用。 因此,让我们向其中添加一些元素,以便它看起来像一个应用程序。
打开包含您的应用程序的目录,然后打开“资源”目录。 下载您最喜欢JavaScript框架的副本(对我来说是jQuery),然后将文件放到目录中。 现在,在编辑器中打开index.html文件并进行更改。
首先使用<script>
标记连接刚刚下载到页面中的框架文件。 然后删除Titanium附带的所有其他内联样式的东西。 此时,您HTML标记应类似于清单2。
清单2.添加jQuery
<html>
<head>
<script type="text/javascript" src="app://jquery.js"></script>
</head>
<body>
</body>
</html>
现在添加一些客户端代码,例如在页面上执行动态操作的按钮。 在清单3的示例中,我创建了一个简单的按钮,当单击该按钮时,它会提示jQuery用内容填充<div>
。
清单3.添加一个动态按钮
<html>
<head>
<script type="text/javascript" src="app://jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#mybutton").click(function(){
var string = 'Hello there!';
$('#mymessage').html(string);
});
});
</script>
</head>
<body>
<button id="mybutton">click me!</button>
<div id="mymessage"></div>
</body>
</html>
尽管这是一个简单的示例,但您可以立即看到这些选项几乎是无限的(请参见图5)。 添加其他客户端框架,CSS布局和自定义内容,以创建要交付给客户端的应用程序。
图5. Titanium中HTML + jQuery
与网站不同,您需要做一些计划,因为您需要打包“内部版本”以查看更新。 例如,捆绑发行版后就无法轻松刷新内容更改,因此请记住在创建软件包并下载之前花费时间。
例如,如果您要返回清单2所示CSS样式:
清单4.简单CSS
body {
margin:0;
padding:0;
background:#ccc;
}
#wrapper{
border:1px solid black;
margin:10px auto;
width:500px;
background:#fff;
padding:10px;
}
然后进行一点标记,添加一个ID为wrapper
HTML <div>
,如清单5所示:
清单5.应用CSS
<html>
<style>
body {
margin:0;
padding:0;
background:#ccc;
}
#wrapper{
border:1px solid black;
margin:10px auto;
width:500px;
background:#fff;
padding:10px;
}
</style>
<head>
<script type="text/javascript" src="app://jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#mybutton").click(function(){
var string = 'Hello there!';
$('#mymessage').html(string);
});
});
</script>
</head>
<body>
<div id="wrapper">
<button id="mybutton">click me!</button>
<div id="mymessage"></div>
</div>
</body>
</html>
然后,直到完成打包过程之后,您才能看到您的新外观。 这比您开发网站时的速度要慢一些,但是请记住要处理的内容,您应该可以。
如果客户端仅能帮助您到此为止,那么还支持服务器端代码。 您可以将此处HTML文件转换为PHP,如果您的建筑对应用程序有PHP支持(换句话说,在创建项目时选择了PHP复选框),则可以插入PHP命令。 将PHP与Titanium随附的内置SQLite数据库结合使用,可以构建几乎任何您想构建的动态应用程序。 下一节将进一步介绍这些内容,并添加PHP编码。
将PHP添加到混合中
掌握了基础知识之后,您可以使用新应用程序做一些高级的事情。 打开资源目录,然后在编辑器中打开index.html文件。 在开始使用PHP之前,最好插入一个将运行phpinfo()
PHP文件的链接,以使您知道要处理的内容。 我选择了PHP,因为这是我最熟悉的:您可能要使用Ruby或Python,并且这两个选项均受支持。
当您进入HTML文件时,请删除按钮,并放置一个指向新文件的链接-您将其称为phpinfo.php,如清单6所示。
清单6.链接到phpinfo.php
<div id="wrapper">
<a href="phpinfo.php">see PHP info</a>
</div>
phpinfo.php文件将是基本的,仅包含PHP的一行-调用phpinfo()
,该调用将转储Titanium PHP环境中的每个变量和设置(请参见清单7)。 您可以使用<pre>
标记包装该调用,以便更轻松地消化信息。
清单7.创建phpinfo.php文件
<?php
echo phpinfo();
?>
完成源代码后,请返回Titanium并创建一个更新的程序包。 等待该过程完成,然后下载并安装该软件包。 安装完成后,运行它; 您应该会看到一个简单的页面,其中包含指向phpinfo.php文件的链接。 单击该链接,您应该看到图6所示的页面。
图6. phpinfo()命令的基本结果
![屏幕截图显示了PHP信息的信息转储,包括PHP版本,内核版本,库等。](https://i-blog.csdnimg.cn/blog_migrate/fad9aefe2ebf9252214a212edb589e34.png)
如您所见,Titanium显示一个页面,向您显示其具有的每个PHP配置设置。 请注意,您支持Sessions,SQLite和SimpleXML(以及其他有价值的工具),并且Titanium知道您的本地环境(例如,WebKit库位于何处以及_ENV['HOME']
设置是什么)。
一切都很好,但是,如果您想实际使用PHP做些工作,该怎么办? 当然,您可以创建要调用的单独PHP文件,但是将PHP直接嵌入HTML文件中要容易得多。 这样做的方法是创建使用text/php type
参数的<script>
块(类似于JavaScript),然后以这种方式添加PHP。
例如,如果您想创建一个简单的函数,将两个数字相加并将其放置在先前创建的index.html文件中,则可以通过JavaScript块运行它,如清单8所示。
清单8.创建一个基本PHP块
<script type="text/php">
function php_sum($a,$b){
return $a + $b;
}
</script>
<script>
alert(php_sum(3,4));
</script>
如图7所示,您可以从一个基本JavaScript块运行PHP代码,从而以一种Web开发世界中可能不习惯的方式使数据可以相互使用。
图7.一个基本PHP块
![文本区域中带有数字7和“确定”按钮的正在运行PHP代码的屏幕截图](https://i-blog.csdnimg.cn/blog_migrate/c72baade1595c96f72a8159ca0b218ef.png)
当然,另一种选择是将您PHP块捆绑到单独的文件中,并通过以下两种方式之一来包含这些文件:通过常见的<script>
标记或在<script>
块内使用include
命令,如清单9所示。 。
清单9.包含PHP源文件
//you can use the script tag
//if you use this method, leave your PHP code bare, no <?php block
<script type="text/php" src="my_file.php"/>
//or you can use a PHP include command inside a script block
//if you use this method, surround your code with <?php block
<script type="text/php">
include("source.php");
</script>
结论
至此,您已经足够了解如何开始自己的Titanium应用程序了。 您已经了解了如何安装工具,如何使用HTML创建基本界面,甚至还添加了一些PHP代码和一些CSS样式。 在这里,您应该能够基于Web开发人员已经具备的技能,添加其他功能并制作智能桌面和移动应用程序。
翻译自: https://www.ibm.com/developerworks/opensource/library/os-titanium/index.html
钛媒体估值