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

- 日理万妓 2022-05-16 15:58 172阅读 0赞

**目录**

一、 前言

二、 关于"选择"

三、 资料准备

1、 Smobiler介绍

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

3、 控件使用实例

四、 环境搭建到实现HelloWorld

1、 安装VS2015及以上

2、 安装Designer

3、 实现HelloWorld

（1） 创建项目

（2） 运行

常见问题及解决方案

1、扫描二维码无反应。

2、Failed to emit module 'ElectricityApp'

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

--------------------

# 一、 前言 #

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

# 二、 关于"选择" #

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

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

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

# 三、 资料准备 #

## 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][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，如果你不喜欢可以设置成其它的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70][]

接着来到手机界面

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3][]

###  （2） 运行 ###

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

现在点击启动。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4][]

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

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

# 常见问题及解决方案 #

## 1、扫描二维码无反应。 ##

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

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

## 2、Failed to emit module 'ElectricityApp' ##

![20181031185112757.png][]

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 5][]

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

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

下一篇文章：[Smobiler实现美观登录界面——C\# 或.NET Smobiler实例开发手机app（二）][Smobiler_C_ _.NET Smobiler_app]

[https_www.smobiler.com_video1.aspx]: https://www.smobiler.com/video1.aspx
[https_www.smobiler.com_SmobilerDesigner.exe_v_460.1540354032]: https://www.smobiler.com/SmobilerDesigner.exe?v=460.1540354032
[https_www.smobiler.com_Smobiler.apk_v_4.6.0]: https://www.smobiler.com/Smobiler.apk?v=4.6.0
[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
[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
[https_github.com_comsmobiler_SmoWMS]: https://github.com/comsmobiler/SmoWMS
[https_github.com_comsmobiler_SmoSEC]: https://github.com/comsmobiler/SmoSEC
[https_www.smobiler.com_solution.html]: https://www.smobiler.com/solution.html
[https_www.smobiler.com_SmobilerDemo_chart.aspx]: https://www.smobiler.com/SmobilerDemo/chart.aspx
[https_github.com_comsmobiler_SmobilerTutorials]: https://github.com/comsmobiler/SmobilerTutorials
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70]: /images/20220503/3cbdb8c3c23e4a599203d6f7fa7d6557.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 1]: /images/20220503/3e13c13d4e464781a349e5eb8a6fccd7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 2]: /images/20220503/737c42587dbf42c7b3b085a680d18822.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 3]: /images/20220503/d44f6998809446f0aeca9eb5eef6e510.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 4]: /images/20220503/b1304227c3ed41c6aab0c7979e70fcd9.png
[20181031185112757.png]: /images/20220503/df2683e833c44fbea057bdbd5c44fbfb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjQ3OTk5_size_16_color_FFFFFF_t_70 5]: /images/20220503/c44eec7069a34c048811e2f4a11dbb72.png
[Smobiler_C_ _.NET Smobiler_app]: https://blog.csdn.net/qq_41647999/article/details/83589001