WebXone编程入门 [Delphi]
1、下载WebXone开发包
从WebXone官网下载开发包
建议下载后解压到非系统盘,以下以D盘为例
解压后目录结构如下图
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b01a089c2f33df39187021cf3eb.jpg)
2、观看入门视频(强烈推荐)
入门教学视频(必看).mp4
3、运行服务器程序
运行WWW目录中的WebServ.exe
默认端口为8080
正常状态下, Start按钮和端口编辑框应该为灰色(只读),
否则为端口打开不正常, 更换合适的端口后再点击Start即可
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/025d87c0affce1861e7b59c11f1fbee435daebeb.jpg)
4、运行Delphi
以D7为例
新建一个Application
注意Form的属性
Align : alNone
Position : poDesigned
WindowState : wsNormal
也就是D7下窗体的默认值, 其它DELPHI版本的默认值有可能不同,请注意检查
否则可能会在最终显示时出现空白区域
保存所有,到D:\Hello目录
5、添加控件
放置一个TLabel, 设置其Caption为“Hello,World!”
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/359bee5e4a237971bc49676b93196120a6cde3eb.jpg)
6、复制WebXone开发单元
复制WebXone开发单元(wxoBase.dll, wxoExec.pas) 到当前工程目录(D:\Hello)
开发单元源文件在开发包目录中的Demo子目录下的public目录
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/a68c126efbf202b33f8368c830f4da5873dadbeb.jpg)
7、改造和编译
在uses中添加wxoExec,
在Form的OnCreate中添加代码
wxoPrepare(Handle, Application.Handle);
完整代码如图
然后编译, 正常应界面一闪而过。
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/df087f0f8b56ad047d3ce65adae10ef85956d0eb.jpg)
8、发布-Open
运行开发包WWW子目录的WxoConfig.exe
点击按钮"open", 选择刚才编译生成的exe,
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/16a84fe10ef858568d69599753e9ccd2ba66cdeb.jpg)
9、发布-Remove
点击按钮"Select All", 选择所有的非EXE文件
点击按钮“Remove”, 移除
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd2e732a0ea0e40102a05e2c9eb.jpg)
10、发布-Generate
确定output dir 目录为WebServ.exe所在目录,
然后, 点击按钮“Generate”
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/cd93a566515985404f7ef551b5a23a42a17ac4eb.jpg)
11、打开浏览器
打开FireFox或Opera(IE也行, 稍麻烦一些)
输入 http://localhost:8080/index.htm?project1
应该显示安装准备界面
注意:如果端口号和DELPHI工程名不同的话,需要做相应改变
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/116b1ae23ea23a42c32e51a33733ec3835bbc0eb.jpg)
12、下载并安装插件
然后,运行setup.exe
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/a13bbe10bc33ec3853efe85c295f0c14c37b3ce8.jpg)
13、安装后,刷新浏览器
应该显示当前编译的Delphi程序页面
![WebXone编程入门 [Delphi]](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f664033c859828689a0463be8.jpg)