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

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

 

一,设计器下载

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第1张图片 

二,开发和调试移动应用

1. 开发移动应用

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第2张图片

在窗体中添加控件

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第3张图片 

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

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第5张图片 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第6张图片 

在Visual Studio中启动 你所编写程序的项目。

2. 下载APP客户端

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第7张图片 

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

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第8张图片

3. 客户端连接服务器

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

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第9张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第10张图片

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

  .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第11张图片

4. 调试移动应用

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第12张图片 

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

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第13张图片

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第14张图片

三服务端部署

快速生成,简单部署。

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

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第15张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第16张图片

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第17张图片

 

四Cloud打包

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

.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第18张图片 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第19张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第20张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第21张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第22张图片

 .Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程_第23张图片

 

 我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2cqotscg4hwk8

转载于:https://www.cnblogs.com/amanda112/p/9492006.html

你可能感兴趣的:(.Net移动开发平台 ,基于VisualStudio的可视化开发——Smobiler平台入门教程)