.Net6在Docker环境下操作Selenium.Chrome的那些坑

波涛凶涌

.Net6中想实现对某个网址截屏，可通过Selenium模拟访问网址并实现截图。
实现
安装Nuget包

1. [/code]之后可通过代码实现模拟访问网址并截图
2. [code]public static string PageScreenshot(string url, string uploadbasepath)
3. {
4.     ChromeDriver driver = null;
5.     try
6.     {
7.         ChromeOptions options = new ChromeOptions();
9.         options.AddArguments("headless", "disable-gpu", "no-sandbox");
10.         driver = new ChromeDriver(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), options);
12.         //driver = new ChromeDriver("/usr/bin/google-chrome-stable", options);
13.         driver.Navigate().GoToUrl(url);
14.         string width = driver.ExecuteScript("return document.body.scrollWidth").ToString();
15.         string height = driver.ExecuteScript("return document.body.scrollHeight").ToString();
16.         driver.Manage().Window.Size = new System.Drawing.Size(int.Parse(width), int.Parse(height)); //=int.Parse( height);
17.         var screenshot = (driver as ITakesScreenshot).GetScreenshot();
19.         //directory create
20.         var basepath = uploadbasepath + DateTime.Now.ToString("yyyyMMdd") + "/";
21.         if (!Directory.Exists(uploadbasepath))
22.         {
23.             Directory.CreateDirectory(uploadbasepath);
24.         }
25.         if (!Directory.Exists(basepath))
26.         {
27.             Directory.CreateDirectory(basepath);
28.         }
30.         var path = basepath + Guid.NewGuid().ToString("N") + ".jpg";
32.         screenshot.SaveAsFile(path);
33.         return path;
34.     }
35.     catch (Exception ex)
36.     {
37.         throw;
38.     }
39.     finally
40.     {
41.         if (driver != null)
42.         {
43.             driver.Close();
44.             driver.Quit();
45.         }
46.     }
47. }

复制代码

 
需要另外做的一步是把chromedriver从bin/Release/netcoreapp3.1/chromedriver复制到publish目录。
你以为到这就完了？这个代码确实可以在windows/linux非容器环境下运行。但是在docker里还是有些不一样。
 
Docker中运行的那些坑
首先需要注意.netcore3.1在Docker中操作图片记得安装libgdiplus.so

1. #Dockerfile
2. RUN apt-get update -y && apt-get install -y --allow-unauthenticated libgdiplus && apt-get clean && ln -s /usr/lib/libgdiplus.so /usr/lib/gdiplus.dll

复制代码

 
1.第一个坑
首先遇到的就是OpenQA.Selenium.DriverServiceNotFoundException异常，异常信息是

1. OpenQA.Selenium.DriverServiceNotFoundException: The file /opt/google/chrome/chrome/chromedriver does not exist. The driver can be downloaded at http://chromedriver.storage.googleapis.com/index.html

复制代码

这个异常明显是找不到chromedriver，那就与在非Docker环境linux中直接运行的方式一样，尝试把chromedriver复制到Docker的publish目录中，在Dockerfile中添加以下内容

1. #dockerfile
3. RUN cp /src/xxx/Release/netcoreapp3.1/chromedriver /app/publish/

复制代码

 
2.第二个坑
尝试运行以上容器，还是失败，进入容器内部，直接运行chromedriver，可以看到缺少libxx.so之类的库。那咋办，只能尝试在镜像中安装chrome，这样相关库就有了
安装chrome相关资料
https://stackoverflow.com/questions/55206172/how-to-run-dotnet-core-app-with-selenium-in-docker
https://github.com/devpabloassis/seleniumdotnetcore/blob/master/Dockerfile
那在Dockerfile中添加安装chrome的命令

1. #Dockerfile Install Chrome
2. RUN apt-get update && apt-get install -y \
3. apt-transport-https \
4. ca-certificates \
5. curl \
6. gnupg \
7. hicolor-icon-theme \
8. libcanberra-gtk* \
9. libgl1-mesa-dri \
10. libgl1-mesa-glx \
11. libpango1.0-0 \
12. libpulse0 \
13. libv4l-0 \
14. fonts-symbola \
15. --no-install-recommends \
16. && curl -sSL https://dl.google.com/linux/linux_signing_key.pub | apt-key add - \
17. && echo "deb [arch=amd64] https://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google.list \
18. && apt-get update && apt-get install -y \
19. google-chrome-stable \
20. --no-install-recommends \
21. && apt-get purge --auto-remove -y curl \
22. && rm -rf /var/lib/apt/lists/*

复制代码

 
3.第三个坑
运行以上修改后的容器，又一个异常

1. DevToolsActivePort file doesn't exist

复制代码

继续查资料发现需要加个参数disable-dev-shm-usage
https://stackoverflow.com/questions/50642308/webdriverexception-unknown-error-devtoolsactiveport-file-doesnt-exist-while-t
但是前面试了不在docker内运行，需要这个参数，那就加个环境变量区分开docker与非docker环境

1. #Dockerfile
3. ENV INDOCKER 1

复制代码

1. public static string PageScreenshot(string url, string uploadbasepath)
2. {
3.     ChromeDriver driver = null;
4.     try
5.     {
6.         var indocker = Environment.GetEnvironmentVariable("INDOCKER");
7.         ChromeOptions options = new ChromeOptions();
9.         if (indocker == "1")
10.         {
11.             options.AddArguments("headless", "disable-gpu", "no-sandbox", "disable-dev-shm-usage");
12.             //driver = new ChromeDriver("/opt/google/chrome/chrome", options);
13.         }
14.         else
15.         {
16.             options.AddArguments("headless", "disable-gpu", "no-sandbox");
17.         }
18.         driver = new ChromeDriver(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), options);
20.         //driver = new ChromeDriver("/usr/bin/google-chrome-stable", options);
21.         driver.Navigate().GoToUrl(url);
22.         string width = driver.ExecuteScript("return document.body.scrollWidth").ToString();
23.         string height = driver.ExecuteScript("return document.body.scrollHeight").ToString();
24.         driver.Manage().Window.Size = new System.Drawing.Size(int.Parse(width), int.Parse(height)); //=int.Parse( height);
25.         var screenshot = (driver as ITakesScreenshot).GetScreenshot();
27.         //directory create
28.         var basepath = uploadbasepath + DateTime.Now.ToString("yyyyMMdd") + "/";
29.         if (!Directory.Exists(uploadbasepath))
30.         {
31.             Directory.CreateDirectory(uploadbasepath);
32.         }
33.         if (!Directory.Exists(basepath))
34.         {
35.             Directory.CreateDirectory(basepath);
36.         }
38.         var path = basepath + Guid.NewGuid().ToString("N") + ".jpg";
40.         screenshot.SaveAsFile(path);
41.         return path;
42.     }
43.     catch (Exception ex)
44.     {
45.         throw;
46.     }
47.     finally
48.     {
49.         if (driver != null)
50.         {
51.             driver.Close();
52.             driver.Quit();
53.         }
54.     }
55. }

复制代码

 
4.第四个坑
尝试运行上面修改后的容器，又一个异常

1. This version of ChromeDriver only supports Chrome version 99
2. Current browser version is 109.0.5414.74 with binary path /usr/bin/google-chrome

复制代码

这个信息字面意思就是之前第一个坑复制的chromedriver版本较低。那就直接去官网下载最新的chromedriver，并放到镜像内
下载地址：http://chromedriver.storage.googleapis.com/index.html

1. # Dockerfile
2. COPY ["xxx/chromedriver", "."]
3. RUN chmod +x chromedriver

复制代码

 
5.第五个坑
继续尝试运行，发现这次能成功截图了，等等...这字体咋还是乱码呢

 
明显是中文乱码了，应该是容器内没中文字体，那就安装中文字体，字体可以从C:\Windows\Fonts中获取ttc,ttf字体文件

1. #Dockerfile
3. RUN apt-get update
4. RUN apt-get install -y --no-install-recommends libgdiplus libc6-dev
5. RUN apt-get install -y fontconfig xfonts-utils
6. COPY fonts/  /usr/share/fonts/
7. RUN mkfontscale
8. RUN mkfontdir
9. RUN fc-cache -fv

复制代码

 
再次运行，终于成功

 

来源:https://www.cnblogs.com/chenyishi/archive/2023/01/13/17044827.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！