?
應用場景
在微信小程序管理后臺,我們可以生成下載標準的小程序二維碼,提供主程序入口功能。在實際應用開發(fā)中,小程序二維碼是可以攜帶參數(shù)的,可以動態(tài)進行生成,如如下場景:
1、不同參數(shù)決定的顯示界面不同。
2、不同參數(shù)決定的功能不同。
3、由于小程序審核機制,我們將不同的應用集成在一個小程序里,通過不同的參數(shù)進行入口控制。
關鍵代碼
操作界面
我們以一種驗證、綁定手機的小程序功能為例,該小程序可以生成動態(tài)校驗碼,以實現(xiàn)實際業(yè)務應用的其它場景。界面中我們設計了提示信息Label,生成按鈕 Button 和掃碼圖片 Image 等Asp.net控件。
示例界面如下,通過點擊按鈕,動態(tài)生成二維碼圖片,該參數(shù)將引導用戶進入動態(tài)碼生成功能:
??
示例UI代碼如下:
<div class="user-box">
<span>驗證手機</span><br>
<br>
<div class="query-box">
<label>
掃描二維碼獲取動態(tài)校驗碼</label>
<br>
<label>
建議您PC注冊,如果微信,可常按并選擇前往圖中包含的小程序打開(某些手機系統(tǒng)可能不支持此操作)</label></div>
<br>
<br>
<asp:Button ID="createCode" Text="新注冊或換手機號點這里生成以獲取動態(tài)校驗碼" Visible="true" CssClass="form-control"
runat="server" OnClick="createCode_Click"></asp:Button>
</div>
<div class="user-box" id="ecodepanel" align="center" visible="false" runat="server">
<br />
<asp:Image ID="ecode" Width="200px" Height="200px" Visible="false" runat="server"></asp:Image>
<br>
<span style='color: silver'></span>
<br>
<br>
</div>
服務端點擊事件
點擊按鈕,通過設置參數(shù)值,并訪問騰訊API,生成小程序二維碼,轉換為圖片BASE64編碼,如果生成成功則顯示在Image控件里,點擊事件的,示例代碼如下:
protected void createCode_Click(object sender, EventArgs e)
{
string paras = "reqvmobile"; //參數(shù)值設置
//可以更改小程序二維碼的色系
int r = 4;
int g = 128;
int b = 188;
ecode.ImageUrl = getBase64(255, r, g, b); //將生成成功的BASE64編碼賦值給Image控件
ecode.Visible = true;
ecodepanel.Visible = true;
}
//獲取小程序二維碼圖片的 Base64值
string getBase64(string paras, int width, int linecolor_R, int linecolor_G, int linecolor_B)
{
string desimg = Request.PhysicalApplicationPath + "\\app_data\\" + System.Guid.NewGuid().ToString() + ".jpg"; //目標圖片臨時路徑
//生成二維碼圖片文件
System.IO.File.WriteAllBytes(desimg, getMpBuffer(wxmp_accesstoken, paras, width, linecolor_R, linecolor_G, linecolor_B));
string base64 = ImgToBase64String(desimg, true);
System.IO.File.Delete(desimg); //刪除臨時文件
return base64;
}
//圖片轉BASE64方法
public string ImgToBase64String(string Imagefilename,bool outFullString=false)
{
try
{
System.Drawing.Bitmap bmp = new System.Drawing.Bitmap(Imagefilename);
MemoryStream ms = new MemoryStream();
// bmp.Save(ms,ImageFormat.Jpeg)
System.Drawing.Imaging.ImageFormat iformat = System.Drawing.Imaging.ImageFormat.Jpeg;
string extension = System.IO.Path.GetExtension(Imagefilename).Replace(".", "").ToLower();
if (extension == "bmp")
{
iformat = System.Drawing.Imaging.ImageFormat.Bmp;
}
else if (extension == "emf")
{
iformat = System.Drawing.Imaging.ImageFormat.Emf;
}
else if (extension == "exif")
{
iformat = System.Drawing.Imaging.ImageFormat.Exif;
}
else if (extension == "gif")
{
iformat = System.Drawing.Imaging.ImageFormat.Gif;
}
else if (extension == "icon")
{
iformat = System.Drawing.Imaging.ImageFormat.Icon;
}
else if (extension == "png")
{
iformat = System.Drawing.Imaging.ImageFormat.Png;
}
else if (extension == "tiff")
{
iformat = System.Drawing.Imaging.ImageFormat.Tiff;
}
else if (extension == "wmf")
{
iformat = System.Drawing.Imaging.ImageFormat.Wmf;
}
bmp.Save(ms, iformat);
byte[] arr = new byte[ms.Length];
ms.Position = 0;
ms.Read(arr, 0, (int)ms.Length);
ms.Close();
bmp.Dispose();
string rv=Convert.ToBase64String(arr);
if (outFullString == true)
{
rv = "data:image/" + extension + ";base64," + rv;
}
return rv;
}
catch (Exception ex)
{
return null;
}
}
?
生成小程序二維碼
getMpBuffer(wxmp_accesstoken, paras, width, linecolor_R, linecolor_G, linecolor_B)方法返回byte[]類型,參數(shù)需要傳遞通過小程序Appid和AppSecret生成的合法令牌值;動態(tài)參數(shù)值;圖像寬度;R/G/B的色系值。
方法代碼如下:
public byte[] getMpBuffer(string access_token, string scene, int width, int linecolor_R, int linecolor_G, int linecolor_B)
{
var url = string.Format("https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token={0}", access_token);
var postData = "{\"scene\":\"" + scene + "\",\"width\":" + width.ToString() + ",\"line_color\":{\"r\":" + linecolor_R.ToString() + ",\"g\":" + linecolor_G.ToString() + ",\"b\":" + linecolor_B.ToString() + "}}";
System.Net.HttpWebRequest request;
request = (System.Net.HttpWebRequest)WebRequest.Create(url);
request.Method = "POST";
request.ContentType = "application/json;charset=UTF-8";
byte[] payload;
payload = System.Text.Encoding.UTF8.GetBytes(postData);
request.ContentLength = payload.Length;
Stream writer = request.GetRequestStream();
writer.Write(payload, 0, payload.Length);
writer.Close();
System.Net.HttpWebResponse response;
response = (System.Net.HttpWebResponse)request.GetResponse();
System.IO.Stream stream;
stream = response.GetResponseStream();
List<byte> bytes = new List<byte>();
int temp = stream.ReadByte();
while (temp != -1)
{
bytes.Add((byte)temp);
temp = stream.ReadByte();
}
byte[] result = bytes.ToArray();
return result;
}
小結
最初我們設計的目標是用小程序實現(xiàn)一對一視頻面試的功能,對于查詢出來的記錄,為考生和考官生成不同帶參數(shù)的小程序二維碼,并進入不同的功能。后來由于集成了一些相關的功能應用,通過動態(tài)參數(shù)以決定不同的入口,以避免申請過多的小程序應用,達到降低費用成本、維護成本的目的。文章來源:http://www.zghlxwxcb.cn/news/detail-760160.html
以上就是自己的一些分享,時間倉促,不妥之處還請大家批評指正!文章來源地址http://www.zghlxwxcb.cn/news/detail-760160.html
到了這里,關于C#動態(tài)生成帶參數(shù)的小程序二維碼的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!