Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app（一） - 好文

目录

一、前言
<https://blog.csdn.net/qq_41647999/article/details/83587444#%E4%B8%80%E3%80%81%20%E5%89%8D%E8%A8%80>

二、关于"选择"
<https://blog.csdn.net/qq_41647999/article/details/83587444#%E4%BA%8C%E3%80%81%20%E9%80%89%E6%8B%A9>

三、资料准备
<https://blog.csdn.net/qq_41647999/article/details/83587444#%E4%B8%89%E3%80%81%20%E8%B5%84%E6%96%99%E5%87%86%E5%A4%87>

1、 Smobiler介绍
<https://blog.csdn.net/qq_41647999/article/details/83587444#1%E3%80%81%20Smobiler%E4%BB%8B%E7%BB%8D>

2、三款开源软件源码下载
<https://blog.csdn.net/qq_41647999/article/details/83587444#2%E3%80%81%20%E4%B8%89%E6%AC%BE%E5%BC%80%E6%BA%90%E8%BD%AF%E4%BB%B6%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD>

3、控件使用实例
<https://blog.csdn.net/qq_41647999/article/details/83587444#3%E3%80%81%20%E6%8E%A7%E4%BB%B6%E4%BD%BF%E7%94%A8%E5%AE%9E%E4%BE%8B>

四、环境搭建到实现HelloWorld
<https://blog.csdn.net/qq_41647999/article/details/83587444#%E5%9B%9B%E3%80%81%20%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E5%88%B0%E5%AE%9E%E7%8E%B0HelloWorld>

1、安装VS2015及以上
<https://blog.csdn.net/qq_41647999/article/details/83587444#1%E3%80%81%20%E5%AE%89%E8%A3%85VS2015%E5%8F%8A%E4%BB%A5%E4%B8%8A>

2、安装Designer
<https://blog.csdn.net/qq_41647999/article/details/83587444#2%E3%80%81%20%E5%AE%89%E8%A3%85Designer>

3、实现HelloWorld
<https://blog.csdn.net/qq_41647999/article/details/83587444#3%E3%80%81%20%E5%AE%9E%E7%8E%B0HelloWorld>

（1）创建项目
<https://blog.csdn.net/qq_41647999/article/details/83587444#%EF%BC%881%EF%BC%89%20%E5%88%9B%E5%BB%BA%E9%A1%B9%E7%9B%AE>

（2）运行
<https://blog.csdn.net/qq_41647999/article/details/83587444#%C2%A0%EF%BC%882%EF%BC%89%20%E8%BF%90%E8%A1%8C>

常见问题及解决方案
<https://blog.csdn.net/qq_41647999/article/details/83587444#%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E5%8F%8A%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88>

1、扫描二维码无反应。
<https://blog.csdn.net/qq_41647999/article/details/83587444#1%E3%80%81%E6%89%AB%E6%8F%8F%E4%BA%8C%E7%BB%B4%E7%A0%81%E6%97%A0%E5%8F%8D%E5%BA%94%E3%80%82>

2、Failed to emit module 'ElectricityApp'
<https://blog.csdn.net/qq_41647999/article/details/83587444#2%E3%80%81Failed%20to%20emit%20module%20'
rel=>

3、关于手机端调试图片不显示的问题
<https://blog.csdn.net/qq_41647999/article/details/83587444#3%E3%80%81%20%E5%85%B3%E4%BA%8E%E6%89%8B%E6%9C%BA%E7%AB%AF%E8%B0%83%E8%AF%95%E5%9B%BE%E7%89%87%E4%B8%8D%E6%98%BE%E7%A4%BA%E7%9A%84%E9%97%AE%E9%A2%98>

一、前言

因为网上的资料对于Smobiler的学习日志性的文章比较少，为了帮助需要的人我写这一系列的文章。这是写Smobiler的第一篇文章，就稍微啰嗦一下。整个app完成之后最终的实例代码也会放在最后的那篇文章里面的。我认为体验过从零到一的过程才能真正的学到东西。

二、关于"选择"

先解释一下我为什么会使用C#Smobiler来开发移动app。

本来打算使用网页三剑客（HTML5、JS、CSS3）和PHP来开发这个移动app的，但是PHP语言的话使用一定的手段是可以看到源码的，所以不建议使用这个来开发移动app。除了那种方式以外还有Java和C#（这两个语言绝大多数是看不到源码的）来开发移动app，Java的话我正在努力的学习，还达不到开发app的水平（目前我在建站中使用），于是我选择了一个比较熟悉的语言C#或者叫.NET，在网上找了Smobiler这个开源的框架。

后面我将会一步一步的模仿“掌上川电”做一个类似的app，希望这个实例可以帮到您。有意见可以评论告诉我哦也可以邮箱联系我[email protected]。

三、资料准备

1、 Smobiler介绍

第一、开源免费。第二、控件美观（比自己短时间做出来的要好得多）操作简单。第三、跨平台性强。

视频教程：https://www.smobiler.com/video1.aspx
<https://www.smobiler.com/video1.aspx>

Designer下载：https://www.smobiler.com/SmobilerDesigner.exe?v=460.1540354032
<https://www.smobiler.com/SmobilerDesigner.exe?v=460.1540354032>

Smobiler安卓手机app下载：https://www.smobiler.com/Smobiler.apk?v=4.6.0
<https://www.smobiler.com/Smobiler.apk?v=4.6.0>

Smobiler苹果手机app下载：
itms-services://?action=download-manifest&url=https://www.smobiler.cn/ios/smobiler_smobilercom.plist

<http://itms-services//?action=download-manifest&url=https://www.smobiler.cn/ios/smobiler_smobilercom.plist>

2、三款开源软件源码下载

（更多介绍点开下面Github上的链接根据需求选择源码，如果从下面找不到资源了，可以评论告诉我，我免费赠送给您。如果需要安装包，在百度搜索以下三个关键字都能找到）

1、 SmoOne办公类型：https://github.com/comsmobiler/SmoONE
<https://github.com/comsmobiler/SmoONE>

项目问题解决：
https://www.smobiler.com/forum.php?mod=viewthread&tid=793&page=1&extra=#pid1417
<https://www.smobiler.com/forum.php?mod=viewthread&tid=793&page=1&extra=#pid1417>

2、 SmoWMS仓库管理类型：https://github.com/comsmobiler/SmoWMS
<https://github.com/comsmobiler/SmoWMS>

3、 SmoSEC资产管理类型：https://github.com/comsmobiler/SmoSEC
<https://github.com/comsmobiler/SmoSEC>

SmoSEC简介：https://www.smobiler.com/solution.html
<https://www.smobiler.com/solution.html>

3、控件使用实例

控件介绍通道：https://www.smobiler.com/SmobilerDemo/chart.aspx
<https://www.smobiler.com/SmobilerDemo/chart.aspx>

源码示例通道：https://github.com/comsmobiler/SmobilerTutorials
<https://github.com/comsmobiler/SmobilerTutorials>

四、环境搭建到实现HelloWorld

1、安装VS2015及以上

2、安装Designer

下载链接在本文上方，下一步下一步安装完成即可。

3、实现HelloWorld

（1）创建项目

安装完成之后打开VS，点击新建项目，选择C#，选择SmobilerApplication。由于应用的是第三方框架，所以VS会报信任问题，点击信任。将项目名称设置为ElectricityApp，如果你不喜欢可以设置成其它的。

接着来到手机界面

在工具箱里面拖入button控件，完成之后鼠标双击这个button。

接着来到了非常熟悉的c#窗体的触发事件，在这里设置按钮的press事件。

（2）运行

（如果你想了解一下运行原理，你可以分析一下项目的运行的源码，毕竟Smobiler的底层是原生的。）

现在点击启动。

使用Smobiler这个软件扫描这里的二维码，就可以获得调试界面。点击里边的button1就得以实现HelloWorld！。

如果你没有成功，请继续往下阅读：

常见问题及解决方案

1、扫描二维码无反应。

建议在局域网内运行，比如说我的电脑连接的是公司的网络，我的手机也必须连接的是和公司相同网段的网络。

解决方案：可以尝试，将电脑打开热点，使用手机连接。然后再次尝试扫描二维码，DNS服务器解析ip的原因，这里不在赘述。

2、Failed to emit module 'ElectricityApp'

这个问题表示你的VS环境出问题了，具体原因我没有找到；

解决方案：卸载安装的VS，在此安装即可，不需要在安装SmobilerDesigner了。

控制面板 -》程序 -》卸载。

3、关于手机端调试图片不显示的问题

如果你已经保证了电脑和手机端在同一网段，调试时图片仍然不显示，那么请关闭电脑防火墙，该问题解决！

本文结束，遇到问题记得告诉我哦~

下一篇文章：Smobiler实现美观登录界面——C# 或.NET Smobiler实例开发手机app（二）
<https://blog.csdn.net/qq_41647999/article/details/83589001>

热门工具换一换