.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

通过以下步骤,可以简单了解到如何下载Smobiler Designer(设计器)、Client(客户端),以及如何通过设计器进行开发和调试移动应用,并在服务端部署、Cloud打包、访问您所开发的移动应用。

 

一,设计器下载

下载并安装 Smobiler Designer,打开Visual Studio;使用.Net语言,即可进行APP开发

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

二,开发和调试移动应用

1. 开发移动应用

新建一个项目,开始编写代码,既可创建一个属于自己的App Demo。

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

在窗体中添加控件

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

通过属性设置调整控件样式 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

双击控件事件,设置控件事件

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程 

在Visual Studio中启动 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程你所编写程序的项目。

2. 下载APP客户端

IOS App客户端、Andriod App客户端,一次开发、多端运行

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

在手机浏览器中打开 Smoblier 官网,下载并安装Smobiler(客户端)。

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

3. 客户端连接服务器

打开手机客户端,“扫一扫”快速添加服务器。(如果服务器没有映射外网地址,请确保手机与电脑处于同一网络环境中)

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

点击客户端服务器,快速链接服务器,即可体验刚才你所开发的Demo。

  .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

4. 调试移动应用

在Visual Studio选中调试行,添加断点。

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

客户端点击“世界你好”按钮,便进入服务端事件代码断点处,点击“逐语句”或“逐过程”按钮即可进行代码调试,点击“跳出”按钮便可跳出调试。

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

三服务端部署

快速生成,简单部署。

在Visual Studio右击“生成”项目,将项目中debug文件夹拷贝到服务器上,运行项目的exe文件即可。

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 

四Cloud打包

在 cloud云平台中新建一个应用,并在“应用设置”中配置服务器信息,点击“应用打包”进行Ios或Android app打包即可。(详细云平台打包信息请查看 云平台介绍

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程